38439 comments found.
So, I have one question more 
Using Salinet on couple of websites. Both has horizontal header layout. My problem is that on small monitors ( 15 inch laptop let say ) the menu is pushed below the logo and it looks kind a funny. Attaching couple of screenshots so you can see better what I am talking about.
http://www.trade2grow.com/wp-content/uploads/2016/04/screenshot.jpg
http://www.trade2grow.com/wp-content/uploads/2016/04/screenshot1.jpg
From waht this is coused? How can I corrected without making the logo or the manu font smaller?
Thank you and Regards!
Hey – it’s caused from a lack of space available for your nav items + logo. Add something like this into your custom css box located in your Salient Options panel to solve it:
@media only screen and (max-width: 1400px) and (max-width: 1000px) {
header#top nav > ul > li > a {
font-size: 12px!important;
}
}
Cheers
Thank you so much! I will say it again – Great theme, the best support!!!
Here is how I make it and right now it works great for me. The nav bar is scaling on diff screen sizes and it looks/works fine ( possting it for other if have same issue)
@media only screen and (min-width: 1620px) and (max-width: 1720px) { header#top nav > ul > li > a { font-size: 21px!important; } } @media only screen and (min-width: 1520px) and (max-width: 1620px) { header#top nav > ul > li > a { font-size: 20px!important; } } @media only screen and (min-width: 1420px) and (max-width: 1520px) { header#top nav > ul > li > a { font-size: 19px!important; } }
@media only screen and (min-width: 1320px) and (max-width: 1420px) { header#top nav > ul > li > a { font-size: 18px!important; } }
@media only screen and (min-width: 1320px) and (max-width: 1420px) { #header-outer[data-lhe=”default”] header#top nav > ul > li > a { padding-left: 10px!important; padding-right: 10px!important; } }
@media only screen and (min-width: 1220px) and (max-width: 1320px) { header#top nav > ul > li > a { font-size: 17px!important; } } @media only screen and (min-width: 1220px) and (max-width: 1320px) { #header-outer[data-lhe=”default”] header#top nav > ul > li > a { padding-left: 7px!important; padding-right: 7px!important; } }
@media only screen and (min-width: 1120px) and (max-width: 1220px) { header#top nav > ul > li > a { font-size: 16px!important; } } @media only screen and (min-width: 1120px) and (max-width: 1220px) { #header-outer[data-lhe=”default”] header#top nav > ul > li > a { padding-left: 4px!important; padding-right: 4px!important; } }
@media only screen and (min-width: 970px) and (max-width: 1120px) { header#top nav > ul > li > a { font-size: 15px!important; } } @media only screen and (min-width: 970px) and (max-width: 1120px) { #header-outer[data-lhe=”default”] header#top nav > ul > li > a { padding-left: 3px!important; padding-right: 3px!important; } }
Hey, thanks for posting this for others! 
Hi there!
We’re still waiting for a response regarding our follow-up question on Ticket #664965. Everything is working properly now on the mobile menu, but the menu is no longer in its original position on mobile devices (it now appears significantly lower on the screen) and some elements are off-screen without the ability to even scroll to them, such as the social links and copyright footer.
We’d really like the mobile menu to appear as it did originally but also function properly.
Hey – Just responded again
How do I make the proceed to checkout button appear higher? Too much spacing on top of it… See here: http://prntscr.com/apgn8n
Hey,
Could you kindly share the actual URL in regards so I can inspect your settings?
Cheers
Ever since the 7.0.7 update all the rows I have a video bakcground enabled on has spacing on the left and right about 10-20px on each side. My video is 16:9 and I’ve tried nearly everything I can think of to compensate but nothing seems to do the trick. Also figures my support just ended. :’(
Please help as this is very unsightly
I believe it was a bug with salient because I tested it on another salient themed website I created for a friend and got the same issue. I managed to fix it with:
video.nectar-video-bg {
left: 0px !important;
top: 0px !important;
width: 100% !important;
height: 100% !important;
object-fit: cover;
}
Hey,
Is there anyway you could share a URL that shows this in regards so I can confirm the site settings and replicate the issue?
Cheers
Hello @Salient
Thank you for the great theme! It’s really worth every penny!
There is an issuu on the single post page. There are some elements that are not going to translate into another language if you choose another language than englisch. I’ve marked them in red on the image.
Can you please fix it with the next theme update?
Thank you very much and kind Regards
S.
Hey, glad to hear you’re enjoying it!
Those items should indeed be in the .po file – are you not seeing them available for translation at all? Which plugin are you using for translation?
Cheers
Hello
I am working on a “RTL” website and using ”@fontface” arabic web font, was wondering if there is a simple css code to use my arabic font for all website elements?
example:
@font-face { font-family: ‘fontfamily’; src: url(//examplefontfamily.url.com/fontfamily.eot?#iefix) format(‘embedded-opentype’), url(//examplefontfamily.url.com/fontfamily.woff) format(‘woff’), url(//examplefontfamily.url.com/fontfamily.ttf) format(‘truetype’); } html, body, etc, ,and, every, element, .on, #thewebsite { font-family: ‘fontfamily’; }
while being able to change font size, line height and weight etc from “Salient Typography options”?
Thank you for Salient
Hey,
You could add something like:
body, body * {
font-family: 'fontfamily'!important;
}
Cheers
body, body * {
font-family: 'fontfamily'!important;
}
Already tried the * before but then the theme icons doesn’t load, social icons & navigation submenu arrows, I think i will just add elements one by one while working. Thank you
Hey – that overlap should only be present when you’re logged into the admin panel with the admin bar showing, when you’re logged out are you still seeing it?
Hi Theme Nectar! I love the theme. How can I change the font size of a single text box? I add the text box to a page and all looks great but the text is too small. I just don’t want to change all the text in the typography just in various text boxes.
Hey,
In the text tab of your text block add something like:
<span style="font-size: 20px;">text text text</span>
Cheers
Hi!
Have you found a solution to the problem where the greyscale map under the Contact option doesn’t work correctly. As previus customers noted – If I select “Greyscale colour” the default will work but any change will give me full saturation of color. For example, this color #f2f2f2 will paint the map red.
Couldn’t find an answer/solution for it. Any ideas?
Thank you in advance!
Hey,
As of now you can only add a saturated color no (white through black) in as the extra color – if you’re looking to change the entire map white you’d need to modify the color scheme in the map.js file
Cheers
Hi,
How I can make dropdown menu background color to white ?
Hey,
If you’re using the default mobile menu (Non sticky) add this into the custom css box in the Salient options panel:
#mobile-menu ul li a {
color: #000!important;
}
#mobile-menu {
background-color: #fff!important;
}
Cheers
I have one small question about the following:
How to make the page like it is shown on this demo – http://themenectar.com/demo/salient-one-page/?
Do I need to create a new page in “Pages” of admin panel of WordPress or do I need to upload another WordPress CMS in order to use this template?
I use “Corporate” theme as my home page ”/” (root) and I would like to make page ”/brand/” with the template from this demo (http://themenectar.com/demo/salient-one-page/).
As I can see the demo is using its own menu and if I create a new page, there is already new menu from the default theme. So I am not really sure how to bypass this.
Thanks for help in advance.
This is not exactly what I wanted. Anyways thanks, but I need the following:
I am currently have normal menu on my root link of the website (http://example.com). If I click on it, it goes to the page with refreshing it (this is correct for root page). However, when I go to http://example.com/brand/ (I have created a new page), I would like to have anchor based menu and I cannot to do this, because I am currently have another one (normal one – when you click it goes to the specific URL).
So my question is: Is it possible to have different menus for different pages? As I have mentioned, on http://example.com/ I would like to have normal menu, on which you click and get redirected to specific URL and on http://example.com/brand/ I would like to have anchor based menu, on which you click and it goes to specific ID of the div.
Hey,
Yes in way – there’s an element in Salient 7.0+ called the page submenu, with this you can create a new menu that will appear in addition to your normal menu which you can use for anchor links if desired. Example can be seen here http://themenectar.com/demo/salient-corporate/about/
Cheers
Regarding the Option to disable border on transparent header, it works wonderfully, but when returning to the home page, the border reappears. You can see in this video, how the border is hidden, but returning presents the border again.
Thanks for any help!
https://dl.dropboxusercontent.com/u/347435/Salient-header-line.movHey! Try changing your page transitions from the “Ajax” method to the “standard” method in your options panel
Cheers
I have another question .. I selected “Centered Menu Alt” from Layout Related, and my menu goes down, i want my menu to have a background ”#82b0b0” and the exact size like header. And when it’s goes for mobile, the “MENU BUTTON” to be in the left side www.vintagemade.ro/home2
Hey,
Could you please provide a mockup of what you’re trying to achieve so I can ensure I’m assisting correctly?
Cheers
Hey,
Add this into the custom css box for the menu left alignment on mobile
@media only screen and (max-width: 1000px) {
body .page-submenu[data-alignment="center"] {
text-align: left;
}
}
The desktop view would take some further modding based on your example
Cheers
Couldn’t find this question or its answer in the 847 pages of great support you deliver:
Is it possible to display the portfolio with category filters – but – modify the category links (textual) to category images?
Hey!
Technically it would be possible with custom css – I could provide an example of this but it appears you don’t have theme support
Cheers
is it possible to disable or modify the home slider and nectar slider in the theme? Yours doesnt support Custom post type…Thanks
Or: where can I change the default post type in this thene? So that I can use my own custom post type?
Hey,
You can find the Nectar Slider and Home Slider register functions in the functions.php file
add_action('init', 'slider_register');
add_action('init', 'nectar_slider_register');
Cheers
Hi, I’m trying to achieve the effect seen here (same theme) http://cubicleninjas.com/ – right below the video slider on the homepage where there are two colums in one row. When you hover over them, the text color changes to a different color. I can’t figure it out, my text just stays the same color. LIke my version here at the bottom http://brightleafweb.com/new5/ Can you help me in detail please!? thanks! love this theme btw
Hey – they accomplished this with custom css. They gave their column a class name e.g. “custom-text-hover” and then used css similar to this:
.custom-text-hover:hover * {
color: #fff!important;
}
thank you! you should consider adding this as a feature, the inner columns to have a light or dark color scheme or a custom one for the font colors
I’ve noted +1 of the item
I remember an option to add a box under the text in the page header can you tell me how to do this, Thank you.
Hey,
Could you provide a screenshot of what you’re referring to so I can assist?
Cheers
?I recently moved our company site from staging to live URL. Users have complained that when they resize the browser on the homepage the browser crashes with an error (see attachment). So far we have determined that this is only with the Chrome Browser.
This is the live URL http://www.massivealliance.com/?
Now with the staging URL the site DOES NOT CRASH, which is a big oddity as it is the same site with no added scripts – it was just just transferred.
This is the staging URL http://massivepr.staging.wpengine.com/?
It is definitely related to the video resizing. Maybe a refresh error on resize, some error in our video or incompatibility or conflicting plugin. It just doesn’t make sense that the site crashes on Live and not on Staging.
Let me know your thoughts.
Hey, after resizing on your live URL with Chrome on Mac I can’t seem to cause a crash. Are any errors occurring in the browser console for you? Also kindly let me know which Chrome version you’re using for testing
Cheers
Hey there, I resolved it. It was a WebM problem causing it. Thanks!
You’re welcome
Hi There! My husband purchased this theme on his account and is letting me use it but I don’t have his log in to post a question on it. I’m hoping you are able to help regardless. I installed the demo content for the agency demo and saved the main video from one of the demos (can’t remember if it was from agency or another one). I added it so that it shows at the header but it’s being cut off at a certain point instead of taking up the entire screen. I read in different comments that aspect ratio had to be a specific ratio but I don’t know how to check if mine are correct. I read somewhere the dimensions that the videos had to be and mine matched since it’s your demo video but don’t know if there is a setting I am missing. Can you take a look for me to see if you know the solution or redirect me to a thread that can help? I can send the site link in a private message if you could PM me. Thanks!
Hey,
Could you kindly send the URL to me in regards by PMing me from the contact form on my author page? http://themeforest.net/user/themenectar
Cheers
hey everyone! the way this website has the “arrow down” on the home page above the fold, and then when you click the arrow it goes down to the next page, can I do this with the SAlient Corporate template? http://www.marieforleo.com/ Thanks! sharns
Hey,
When using the page header there’s an option for “Fullscreen Height” height – this will add a down arrow
Cheers
Thanks so much Do I need to be using the Page Header for this to work? I am using a row block on the page itself with a background of the image. I did it this way as I wanted a black overlay over the image…..Basically I am trying to emulate the home page lander that this site has done: http://www.marieforleo.com/ – with a video background, the text coming on as an animation and then the arrow down with learn more. Can I do this with the Salient Template? Thank-you so much. Sharnee.
Hey – the page header with the fullscreen effect is indeed what will add the down arrow at the bottom which will scroll users to the next section. The page header also allows a video background. It can be configured at the bottom of every edit page screen in the “Page Header Settings” metabox
Cheers
Thank-you, what about the text, how do I animate the text like this? Or is it part of the video on Marie’s site?
What is the size of that header image that I should design to? Is it possible to animate the text that comes on rather than have it rotate in? Thanks so much, Sharns
Hi… I’ve tried time and time again to remove the target=”_blank” code from
$client_content = '<div><a href="'.$url.'"><img src="'.$image.'" alt="'.$alt_tag.'" /></a></div>';. the shortcode-processing.php file located in nector/tinymce directory. I’ve uploaded this file with that removed, but still clicking on the link takes you to a new page/tab. So I view source and then see that target=”_blank” is still there (even though I know I removed it). Any suggestions? Thanks!
Hey!
If you’re using the Salient VC Plugin, make the mod in the nectar/nectar-vc-addons/vc_templates/client.php file
Cheers
