38438 comments found.
Nectar Team,
Brilliant theme and I can’t say enough of how great the theme support as been. Simply amazing.
In the footer I have widgets for ‘Recent Projects’ is it possible to have the click through on the thumbnails to active a lightbox instead of going to a different project page?
Cheers, Alan
Thanks Alan!
Unfortunately not as of now, but i’ve noted the idea for the wishlist 
Cheers
I’m using a One Page style and when I click on the ‘Recent Projects’ in the footer it takes me to the Portfolio page, which is great but in doing so my main navigation menu doesn’t work anymore. Help?
Thanks, Alan
Could you kindly share your URL in regards so I can take a look?
Cheers
Hi Phil,
First of all a big thank you for the amazing update. This one is the best yet!
I’m rebuilding/redesigning my website with all the new features? and stumbled upon a possible bug in the transparent header. http://www.gurskydesign.com/impressum/?On this page I checked the option (at the bottom of the header settings pane) to force the transparent header for this page so the left column could go all the way up and down over the header. The problem is that it seems not to register the text color settings of the div. it doesn’t really matter if I choose light, dark or custom text color, the header (social icons, logo and slide out menu) remains white. Is it a bug or am I doing something wrong? It works perfectly in the new full screen div sections… But I would use those only on the main page and not on subpages… Any help would be greatly appreciated! Thanks a lot in advance
Hey TheChuckOne! Glad to hear The transparent header is always shown using the light color unless you’re using the permanent transparent header option or the header inherit row color option. Dark nectar sliders & the fullscreen row can override this though. Are you trying to trigger the dark header transparent at the top of your page?
Cheers
Hi Phil,
Thanks for the response.
Yes. I’m trying to have a dark transparent header as the starting header on certain pages.
Actually I’ve set a bg color for the top row and checked the option for the header to inherit the bg color. The logo seems to work and got black but the other items are still light. It also works after the scroll but the starting header is still the light one.
Maybe there’s a css hot fix for that?
Thanks in advance
Hey, as of now it would require this css:
#header-outer.transparent:not(.directional-nav-effect) > header#top nav ul .slide-out-widget-area-toggle a i.lines, #header-outer.transparent:not(.directional-nav-effect) > header#top nav ul .slide-out-widget-area-toggle a i.lines:before, #header-outer.transparent:not(.directional-nav-effect) > header#top nav ul .slide-out-widget-area-toggle a i.lines:after, #header-outer.transparent:not(.directional-nav-effect) > header#top nav ul .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines-button:after, #header-outer.transparent.directional-nav-effect > header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i, #header-outer.transparent.directional-nav-effect > header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:after, #header-outer.transparent.directional-nav-effect > header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:before {
background-color: #444!important;
}
Thanks so much! It worked perfectly <3
Cheers
Is there any way to make the fancy box wider and in general decrease the padding on mobile devices? Makes the content look really squashed!! See attached image.
Hey vergedesign, add this into the custom css box in the Salient options panel:
@media only screen and (max-width: 690px) {
.nectar-fancy-box {
margin: -4%;
}
}
What about in general… decreasing the padding thats left on mobile devices? Does squash content unnaturaly. WOuld prefer a 100% content width with 30px or so padding!
You would need to use css such as this:
@media only screen and (max-width: 690px) {
body .container, body div.slider-nav {
max-width: 330px !important;
}
}
Hello, are there any known issues with IE11 on Windows 10? I’ve just been told by someone the homepage of my site is all messed up (technical term), so I checked it out on browserstack and indeed the homepage, where it should be 3 columns under the Nectar slider is all merged over the top of one another. All other pages seem fine. All other browsers seem fine as well.
http://inloveweddingfilms.co.ukHey PaulieSc,
Are you on the current version of Salient Visual Composer (4.12)?
Cheers
Hello. Yes, the latest versions of Wordpress, Salient and Visual Composer (4.12).
Hey – Checking out on browserstack IE 11 on W10 i’m not seeing that occur http://imgur.com/a/L3oUq – could you kindly provide a screenshot?
Cheers
Fixed now. It was originally done in an older version of VC. I created a new row and moved the content into it then deleted the old one and it seems to have fixed it.
Hey, glad to hear you’ve sorted it
Hi there,
on my blog page I wanted to increase the with of the blog sidebar, so I looked at other comments and added the following code:
@media only screen and (min-width: 1000px) {
#post-area {
width: 60%!important;
}
div#sidebar {
width: 38%!important;
}
}
however this reduces the width of my page sidebar as well. I want the above to take place only on blog sidebar widget and not page sidebar widget.
Hey geekdot,
Change the snippet to this:
@media only screen and (min-width: 1000px) {
.blog #post-area, .single-post #post-area {
width: 60%!important;
}
.blog div#sidebar, .single-post div#sidebar {
width: 38%!important;
}
}
Cheers
Hey Thanks, but the page that has all the blogs displayed does not change?
http://bit.ly/2aD97Ad Please see url.The only reason I am expanding the width of the blog sidebar is because the date appears below the thumbnail of the recent post items. is there another work around to display the date below the title instead of thumbnail?
Hey, try changing it to this:
@media only screen and (min-width: 1000px) {
.wpb_wrapper #post-area, .single-post #post-area {
width: 60%!important;
}
.wpb_wrapper div#sidebar, .single-post div#sidebar {
width: 38%!important;
}
}
hey, thanks, I did, but that’s reduced the width on page side bar again. as mentioned in my previous comments 
see latest tweets widget at the bottom of page: http://bit.ly/2bvB2qo
Hey,
You’ll need to enter it in the visual composer custom css box on the page itself instead of in the Salient options panel. It’s located as the gear icon in the top right section of your page builder
Cheers
Hi again,
I did this and it worked too.
However I have another issue
I use the masonry blog without side bar element in other pages and then it appears like the following link. taking up only 30% of the space? so do I add custom css on these pages as well?
http://bit.ly/2bmMdjqHey have you had a chance to look ati t?
Hey, on those pages you could use this to make it full:
@media only screen and (min-width: 1000px) {
body #post-area {
width: 100%!important;
}
}
Hi, recently I created some Custom Post Types and I need filter them by Media Grid from WP Bakery Visual Composer. Is it possible to enable this shortcode/feature also for Salient Visual Composer?
I’m sorry, I mean Post Grid of course..
Hey, unfortunately this would require some custom development as of now – however i’ve noted your +1 for the feature.
Cheers
Hi,
i checked the site with google pagespeed and the result was, that the system is telling me that in the mobile version the links are to narrow and some points are not shown on the page (< div class= “ro w- bg”>) / etc.
Hey,
The row bgs in VC overflow overflow by a couple pixels to ensure no blank lines on the side on all devices, I’ve noted to find a workaround to stop that notice though. Could you please share your URL in regards so I can see the other issue?
Cheers
responsive menu issue
did not show my menu in mobile view in latest version salient 7.5.02 theme
Hey xmedia123, since there’s no known issue with this could you kindly share your URL so I can see why that would be occurring?
Hi,
You theme seems to conflict with the easy-azon amazon associates plugin which I would LOVE to use on my site. Pages wont load when its activated.
Is could something you could look at or would you know of a word around?
Many thanks
Hey 0754ben84,
Could you please share a URL where the issue is present so I can take a closer look?
Cheers
Hey yes,
www.petcheckers.co.uk
I’ve deactivated at as the site wont load at all when it’s active.
Thanks
Could you kindly screenshot the error that appears in the browser console when it’s activated?
Cheers
Yeah sure, this is what happens:
http://www.petcheckers.co.uk/wp-content/uploads/2016/08/screenshot-of-issue.jpgThanks
Hey, the browser console can be opened with f12, if you have it open while you’re loading the page there should be an actual error that gets reported
Good evening TN,
I have an issue with anchor links with the latest Salient version.
http://www.xyloagency.com/The “View Services” button in the second full page row should initiate a smooth scroll to the “Our Services” section below it.
The button’s link is set to #services and the “Our Services” row ID is set to “services”.
The anchor links option is turned on in the Page Transitions options.
Would you be able to let me know if I’ve set this up correctly?
Cheers!
Hey JLD_DESIGN!
I’m not seeing that any of your rows on that page have an ID assigned to them. Could you please open a ticket in regards with your admin credentials so I can take a look at what’s going on themenectar.ticksy.com/ also let me know the ticket ID once you’ve done so
Cheers
Hi Salient,
Awesome job on the new update and demos, I’m loving the new full screen rows.
I’m wondering how I can change the vertical line color between the number icons in the “Icon List” element. The vertical line that goes from 1 to 2 and 2 to 3. I can’t figure out how to target it.
Thanks!
Thanks harrisdesigned!
.nectar-icon-list:after {
background-color: rgba(255,255,255,0.3)!important;
}
Cheers
Hello,
How can I round the button on the menu which I styled to be a button? I only want that button to be rounded
Thank you in advance.
Hey itzramphis,
It would require css – if you could share your URL in regards I could assist
Cheers
Check: https://hbidominicana.org.
I would like to make: Donar (on the menu) a rounded button instead of a square one. Thank you.
Hey, add this into the custom css box located in your Salient Options panel:
header#top nav > ul > li.button_solid_color > a:before, #header-outer.transparent header#top nav > ul > li.button_solid_color > a:before {
border-radius: 100px;
}
Cheers
Hi, how can i use your theme with an external menu plugin? I am using tap tap A Super Customizable WordPress Mobile Menu but when i enter my website in mobile all i get is a wierd letters, symbols and numbers. how can make salient compatible with tap tap? http://norori.media/
Hey JosephNorori,
Your website is currently hidden behind a coming soon/maintenance plugin, could you please allow me to bypass that?
Cheers
It looks like the nectar slider is currently broken in Safari – just the white box is displayed (it works flawlessly in IE/Chrome/Firefox)
Hey,
Please share your URL in regards so I can take a look at why that would be the case for you
Cheers
It seemed that disabling parallax effect helped with Safari.. 
Hey, glad to hear – which version of Safari are you using?
Version 9.1.2 (11601.7.7)
Hey using the same version I can’t seem to replicate on the demo (ascend or modern creative) which use the parallax Nectar Slider, can you see it occurring on there as well?
MAPS
WORK http://www.onocomp.com.br/site/sistemasmagnum/contato/ DON´T WORK http://www.sistemasmagnum.com.br/contato/How can I fix now the maps for google maps?
Hey,
Do you have an API key entered in the Salient options panel for the maps?
Cheers
No. I need fix this in your theme; my hosting said about google api and I need fix this in my sites because have just long and lat. and show erros in map now and migrate site for original dominio.
My ticket please. https://themenectar.ticksy.com/ticket/859087
The issue only applies to new domains where the maps script hasn’t been prior to June 22 of this year. This article explains it: https://www.latecnosfera.com/2016/06/google-maps-api-error-missing-keymap-error-solved.html
The current version of Salient (7.5+) now has a field in the Salient options panel > general settings > css/script related tab for adding in your API key. Once you provide an API key for google maps it will load
Maybe you guys could combine the CSS and JavaScript files from your end somehow?
Hey again, I wouldn’t ship the theme pre minified because it would prevent people from modifying it easily. However, all you have to do to minify/combine the assets is use the bwp minify plugin, which is indeed recommend for production websites. https://wordpress.org/plugins/bwp-minify/
Are there any plans of improving the website for speed purposes? There are so many JavaScript and CSS enqueues that the site has slowed down quite incredibly.
Hey vergedesign, since the last major release (when the corporate demo came out) the scripts/stylesheets have actually been separated further and gone down. There’s more scripts in the js folder, but they are enqueued conditionally – you can see this in the functions.php file. Future updates will add even more consolidation/speed improvements though
Cheers
Ok, BWP Minify always breaks my site… not sure which ones to not minify and combine!
Hey – i’m using it for some of the demos and just tested it locally with a clean setup without issues, does it break all of your pages and are you using AJAX page transitions?
Hi There,
I want to change the blog masonry height from 600px to 400px. Is this possible?
The code I am referring to:
<article id=”post-6401” class=”wide_tall post-6401 post type-post status-publish format-standard has-post-thumbnail hentry category-nieuws masonry-blog-item” style=”height: 600px; position: absolute; left: 829px; top: 619px;”> </article>
Thx in advance.
Hey NomadVentures,
Which masonry style are you using? Could you kindly share your URL in regards
Cheers
Hi,
The URL: http://travander.conversieheld.nl/
Scroll down on the homepage and you will see the latest blogs in Masonry style.
Thx!
Hey, you’d need to modify this section in the init.js file located in the js folder of the theme. http://pastebin.com/sdQWfcAb change the 600 to your new desired minimum height
Hi There, Thx for your info. I have changed the number 600 to 400 but it does not work properly. It still shows up with a height of 600px..
See the image for more details: http://imgur.com/c0GfoevCould you please open a ticket in regards with your admin credentials so I can take a look at what’s going on themenectar.ticksy.com/ Also kindly let me know your ticket ID here once you’ve done so
My ticket number is: #862766. Thx in advance
Hi there,
Is it possible to change the ‘type’ of fade animation that the Nectar Slider uses? I’m using the Nectar slider to rotate through 3 images at the top of a page. All three images are fairly similar, there is text on the left hand side (text that is part of the image, not titles or captions) and an image of a hand holding an iPhone on the right hand side.
Between the 3 slides, all that changes is some of the text on the left and the screen of the iPhone on the right.
Because of this, I would like the slider to fade elegantly so that the slide currently showing simply fades away nicely to reveal the slide ‘underneath’ so it looks like nothing is changing but the wording and the phone screen.
Unfortunately at the moment, it is the default behaviour of the fade animation that the currently showing slide fades out and the next slide fades in, which is fantastic in 99% use cases, but doesn’t quite look as elegant as I’m after.
Therefore, I think what I am asking for is if there is a line of js somewhere that I can edit to stop the ‘next’ slide fading in, I just want it to be there ‘underneath’ so that the first slide just fades away to reveal the next slide that is already in place. Hope that makes sense!
Many thanks
Hey Phacin8,
Could you kindly share your URL in regards just so I can take a closer look at your slides to see the effect you’re going for better?
Cheers
Thanks for coming back to me, its http://collext.developersdownsouth.com
Unfortunately changing this would require modding to the nectar-slider.js script as changing it would css alone wouldn’t be possible. If you use the basic slider style available in the image gallery element this might work without as much work
Cheers
