38356 comments found.
Could you please help me sort out the following issues:
1. The CSS I used to customise the nectar slider captions no longer works. How do I get it to work again? 2. How do I change the social icons position in the header? 3. The code I used to decrease the margin of the header has made another set of social media icons appear. how do I get rid of them? 4. How do I make my logo appear like it does here:
http://www.12strings.com.au/test/Thanks in advance.
Hey 12strings,
1. Please list the css you are trying to use
2. They appear by default on the right when using the centered nav, where are you trying to bring them?
3. Change your code from:
header#top nav>ul>li>a {
padding: 1px 1px 35px 1px!important;
}
to
header#top nav>ul>li:not(#social-in-menu)>a {
padding: 1px 1px 35px 1px!important;
}
4. Add this:
#ajax-content-wrap + .row {
z-index: 1000;
}
Cheers
Thanks you so much this worked really well.
1. I would like the social media to be on the right between the logo on scroll and the menu. Is that possible. 2. How do i make the logo disappear on scroll? 3. I Had custom CSS to re-position the slider captions. It was working before but it isn’t now. i have no idea what I have done wrong. Please excuse my coding:
@media only screen and (max-width : 2000px)and (min-width : 1800px) { body #ajax-content-wrap .nectar-slider-wrap div.swiper-slide .content h2 { font-size: 25px!important; line-height: 27px!important; margin-bottom: 10px; letter-spacing: -0.5px; } body #ajax-content-wrap .nectar-slider-wrap div.swiper-slide .content p span { font-size: 15px!important; line-height: 20px!important; padding-bottom: 7px; } body #ajax-content-wrap .nectar-slider-wrap div.swiper-slide .content p { font-size: 15px!important; line-height: 20px!important; padding-bottom: 7px; } body #ajax-content-wrap .nectar-slider-wrap div.swiper-slide .button a { font-size: 16px!important; padding: 15px 15px !important; border: 2px solid #AEA2B0; border-radius: 5px 5px 5px 5px !important; } }
body #ajax-content-wrap .nectar-slider-wrap .swiper-slide .content {
margin-top: 250px !important;
margin-left: -80px !important;
top: 30px !important;
}@media only screen and (max-width : 1799px)and (min-width : 1200px) { body #ajax-content-wrap .nectar-slider-wrap div.swiper-slide .content h2 { font-size: 25px!important; line-height: 27px!important; margin-bottom: 5px; letter-spacing: -0.5px; } }
body #ajax-content-wrap .nectar-slider-wrap div.swiper-slide .content p span {
font-size: 15px!important;
line-height: 20px!important;
padding-bottom: 7px;
}
body #ajax-content-wrap .nectar-slider-wrap div.swiper-slide .content p {
font-size: 15px!important;
line-height: 20px!important;
padding-bottom: 7px;
}
body #ajax-content-wrap .nectar-slider-wrap div.swiper-slide .button a {
font-size: 16px!important;
padding: 15px 15px !important;
border: 2px solid #AEA2B0;
border-radius: 5px 5px 5px 5px !important;
}body #ajax-content-wrap .nectar-slider-wrap .swiper-slide .content {
margin-top: 10px !important;
margin-left: -140px !important;
top: 30px !important;
}@media only screen and (max-width : 1199px) and (min-width : 400px){ body #ajax-content-wrap .nectar-slider-wrap div.swiper-slide .content h2 { font-size: 20px!important; line-height: 22px!important; margin-bottom: 5px; letter-spacing: -0.5px; } }
body #ajax-content-wrap .nectar-slider-wrap div.swiper-slide .content p span {
font-size: 15px!important;
line-height: 20px!important;
padding-bottom: 7px;
}
body #ajax-content-wrap .nectar-slider-wrap div.swiper-slide .content p {
font-size: 15px!important;
line-height: 20px!important;
padding-bottom: 7px;
}
body #ajax-content-wrap .nectar-slider-wrap div.swiper-slide .button a {
font-size: 15px!important;
padding: 2px 7px !important;
}body #ajax-content-wrap .nectar-slider-wrap .swiper-slide .content {
margin-top: 14px !important;
top: 30px !important;
font-style: bold; !important;
padding: 10px 10px !important;
border: 2px solid #AEA2B0;
border-radius: 5px 5px 5px 5px !important;
}Thanks in advance.
I have a really weird problem. Depending on the subpage that I am, the menu background on mobile (or a narrow window in a computer) shows a different color. How is that possible? Any suggestions on how to fix it? Thanks a lot!
PS: you can see what I mean on the following screenshots:
https://postimg.org/image/s1dzr8lej/ https://postimg.org/image/loyuheicb/ https://postimg.org/image/o7kji342j/Hey Estudio_Globaldesign,
I tried visiting each of the four pages (Home, Historia, Ser Un Gregarious & Contacto) and all showed me a black BG for the mobile menu – have you replicated this on more than one device?
Cheers
Thanks a lof for your answer!!! The previous screenshots that I attached were on iOS:
https://postimg.org/image/s1dzr8lej/ https://postimg.org/image/loyuheicb/ https://postimg.org/image/o7kji342j/These screenshots are on Android:
https://postimg.org/image/tlr6bjc29/The main problem is that when you visit the HOME and click on MENU, it appears with black background and black text on top, that obviously you cant read 
Again, thanks a lot for your help, with this fantastic template!!
Hey, checking on an iPhone 6s I’m seeing all the pages displaying as a black BG as well – can you please let me know what iPhone you’re using?
Does anybody have a fix for the salient menu dropdowns on mobile? the problem is that if a menu item has a link and a dropdown submenu item then the parent menu item link is no longer accessible, what happens is when you click the main menu item link it shows the drop down instead of going to the linked page
Hey aglet,
If you set the header to not be sticky on mobile, the alternative mobile menu will be used which allows access to parent items http://themenectar.com/docs/salient/theme-options/header-navigation/#logo-general
Cheers
Hi ThemeNectar,
I’d really appreciate your help with an annoying problem, that may have a simple solution. I have a “project style full screen zoom slider” inside a Portfolio, in my homepage. I don’t want it to have a Title or link on it. I can leave the title empty, but if I leave the link empty , the whole page doesn’t load. Right now I have replaced the link with a single dot. But it is driven me crazy to see that little flaw on top of the gorgeous slider Any ideas on how to be able to leave the link empty without affecting the page?
Thank you in advance.
Here’s a screenshot : https://s22.postimg.org/hgb5svrlt/Captura_de_pantalla_2017-06-28_a_las_10.09.24.png
Hey Estudio_Globaldesign!
Add this into the custom css box in the Salient options panel or the css box within a specific page you’re using the slider:
.nectar_fullscreen_zoom_recent_projects .project-slide .project-info h1, .nectar_fullscreen_zoom_recent_projects .project-slide .project-info a {
display: none!important;
}
Cheers
Thanks a lot for your answer.
Unfortunately, the code you have supplied, not only hides the “dot” that we have on the link, but also hides the TITLE. And we need it to display the title
I hope this helps you think of a workaround for this 
Thanks once again.
I LOVE Salient!
Hey, I was under the assumption you wanted to remove both
The snippet above can be divided into two, so keep the one you want to remove:
.nectar_fullscreen_zoom_recent_projects .project-slide .project-info h1 {
display: none!important;
}
.nectar_fullscreen_zoom_recent_projects .project-slide .project-info a {
display: none!important;
}
Hey TN,
I understand you’ve got a major update incoming; not a chance that it includes VC support for fade transition’s for your excellent Nectar Slider?
Thanks for all the excellent ongoing work on this amazing theme
Hey ND81,
That is not currently an item on the list, but there’s a ton of new useful stuff coming
Cheers
Thanks – looking forward to it!
You mentioned previously that it could be achieved by editing a file; is this something that would be particularly complicated to do myself? If you’re able to point me to the file / lines I need to look at, I wouldn’t mind taking a look myself.
Hi ThemeNectar,
I am trying to create a custom footer similar to the image found here: https://my.pcloud.com/publink/show?code=XZR8zvZyLGfmH9R8XREcEmQ2pcDMRed2KrX
The live link is here: http://naturedestinations.ca/wp-ncc/
Currently I have built it with the Visual Composer Page Builder using rows and have added it to every page. I would like to convert it nto a footer widget so when I need to make changes, I can make it in one place and not have to change it on 20 pages.
I also need to be able create two one for English and the other French.
I tried using “WPBakery Visual Composer – Mega Footer” but ofcourse it says I need to have installed and active “WPBakery Visual Composer” which does work for me as I am using the Visual Composer that came with Salient, one of which I prefer.
Any suggestions? Many thanks.
Hope all the above makes sense.
Best, Alan
Hey Alan,
the Salient VC is compatible with templatera https://codecanyon.net/item/templatera-template-manager-for-visual-composer/5195991 which allows you define a single template and have it reused on as many pages as needed. Then when you make changes to the master, all the pages using it will also be updated
Cheers
Hey matey! I noticed when I choose outlined button for a menu item, on hover the whole menu moves from animation i guess. Can this be fixed? Dont want a solid button up there but the movement in the menu is a tad naff
Hey! Try to add this into the custom css box:
body #header-outer:not([data-lhe="animated_underline"]) header#top nav ul li[class*="button_bordered"] a:hover {
margin-left: 14px!important;
margin-right: 14px!important;
}
Guys,
Every time you blow me away with amazing support and solutions. Can’t thank you enough.
<3 <3 <3 I’ve loved these years together
Always here to help
Cheers!
Hi! I want to know if exist a custom Css to hide the line between the items in the Toggle Panels, and make it a little bit smaller. Im using minimal and yes, I want to make it shorter in width. Also, I want to make the footer more smaller. Regardless of whether it has widgets or not, the footer remains very wide.
Hey axsusanonimo,
1. Add this into the custom css box in the Salient options panel to remove the border:div[data-style="minimal"] .toggle { border-bottom: 0!important;} – the width of the toggle will expand to fill the column it’s placed in so if you want the overall width narrower, just change the column to a smaller column in the page bulder
2. Please share your URL in regards so I can take a look at your footer settings
Cheers
How can I change the color of the header navigation links? It seems like changing the Ascent color (the first one) doesn’t have any effect and it sticks with a blueish color.
I’d like links to turn from black to blue on hover on light backgrounds and from white to the same blue on dark background – in the header and also all over the rest of the site.
I searched the comments but the answers so far did not help me
Hey Gymnae,
Please share your URL so I can see your current settings – are you using a custom color scheme in the Salient options panel > header navigation > logo & general styling tab?
Cheers
After installing the latest version of Salient theme and activating WooCommerce I getting this WooCommerce notification at the top.
Your theme (Salient) contains outdated copies of some WooCommerce template files. These files may need updating to ensure they are compatible with the current version of WooCommerce. You can see which files are affected from the system status page. If in doubt, check with the author of the theme.
Additionally it says – Please copy and paste this information in your ticket when contacting support. Refer the attached file for information.
Can you tell me if this will cause an issue with WooCommerce and if these files need to be updated? Ow will you be fixing this issue soon?
Hey rahulpatwa, that message just starting appearing a couple days ago when WooCommerce v3.0.9 was released – Salient will release an update shortly to remove the message
Hi, thanks for making this great theme. For some reason, the input fields in all my contact forms aren’t visible, is there something I can do to fix this? Like at the bottom of the front page of http://3dstream.net , I have a Contact Form 7 form and a Ninja Forms form which both have the same problem. I would like the input boxes to be shaded gray or something so that the user knows where where to click to type. Thanks.
Hey soooherewego3E_!
That’s how the minimal form styling option looks by default as shown in the theme demos – if you would prefer to use another one you can change this in the Salient options panel > form styling
Cheers
Hey guys, it seems like you did a really good job ! I very interested in purchasing the theme for a commercial use. But I need some confirmation before. Can we customize the pages for the customers that have an account ? Can we have create a “default” product and then client customise it ?
Hey AntoineKB,
Salient uses a page builder so after you pass the finished product on to the client they will easily be able to edit/update content – if you’re not familiar with Visual composer or WordPress themes from ThemeForest I suggest you check out the Salient docs themenectar.com/docs/salient and check out some videos to see how it looks on the back https://www.youtube.com/user/ThemeNectar/videos
Cheers
Hey Phil,
I’m having some trouble setting up my permalinks for a site and was wondering if you could drop a knowledge bomb or 2 for me?
Basically, all i want to do is have the content Home Page content to populate rather than the blog. I’ve referenced an old video tutorial that show a few buttons in the Manage Locations tab that are no longer available.
How can I have alexarthouse.com load with the Home page contents rather than the blog at default?
Thanks a bunch man!
-CS
Hey CS!
In the WordPress admin panel > Settings > Reading choose the option “A static page (select below)” for the “Front page displays”
Cheers
Thank you so much man I really appreciate it!
You’re welcome!
Hello,
Can you please tell me the code to show the hamburguer menu sooner? On iPad (1024×768) the logo is overlaped by menu and i can’t reduce more the spaces between the menu items. Please check: http://ascensia.edu.sg/
Thanks,
Renan
Hey Renan,
no code is needed – there’s an option for this in the Salient options panel > header navigation > general settings
Cheers
Hi there,
On our home page we have a product carousel that works fine on laptop and IPhone (checked multiple browsers) but doesn’t work on Android. The options are add to cart and select options which works outside of the carousel but not from it.
Any ideas?
https://upwarddog.com.auCheers.
Hey sacredimagining,
I’ve noted to test this for the upcoming release – try opening the init.js file located in the js folder and deleting this exact segment:
&& !$(target).parent().hasClass('add_to_cart_button')
You can do to a file search for that as there’s only one instance
Cheers
Hi in this demo here http://themenectar.com/demo/salient-startup/ there is a button with “Purchase” text on it, I imported the same demo but there is no button, how can I add it? Thanks
Hey Abouthotelier,
Please see the following in regards: http://themenectar.com/docs/salient/header-button-links/ http://themenectar.com/docs/salient/pull-right-nav-items/Cheers
Great! Thanks!
You’re welcome
Hi, I have set a “External Project URL” for a portfolio item. I want to have this opened in a Lightbox, how can we do that, so we keep visitors on the site for the preview url
Hey vidal,
Unfortunately that wouldn’t be possible without some custom development at this time, but I’ve noted your +1 for the idea on the wishlist
Cheers
Hi guys,
Is it possible to help me understand how I can place a image gallery using the flickity slider inside an accordian section?
You can see the slider is loaded inside the section, but the images do not show. https://prnt.sc/folb4x
Hey JamesMcCombe,
As of now this would require some modding – however it should work in a tabbed element though if that would suit your needs
Cheers
It seems that the slider loads into the accordion and actually rotate between each item as shown by the number of pagenation dots at the bottom, matching the number of images there, and also moving between dots, but the images themselves do not appear.
I dont think the tab option is suitable as I am wanting to show and hide the slider inside itself.
How could I modify so that the images show?
Hi, how do I change the excerpt on a blog element that is added to a page. I am using one of your pre-made templates and it has a blog element set as Masonry -no side bar and 1 post per page. The excerpt seems to be stuck on lorem ipsum text. I have changed the Text in the post itself, but that doesn’t seem to be changing the excerpt.
I just did, and that’s what it was. Thank you!
You’re welcome
Forgot to ask, What is a way to disable comments? I don’t need any commenting options on any posts, or pages, or anywhere.
Hey, this resource will explain all you need to know about how to control WP comments
Is there an easy way to add more accent colors? I’d like to use about 5 of them for different icons.
Hey acafella11,
You can use the gradient slots to display a solid color as long as you set the beginning and end to the same color
Cheers
That was my first thought too, but if I use that on an icon with “border with hover animation” it doesn’t display properly
Hey, could you please share your URL in regards so I can take a look?
