38361 comments found.
hi,
When searching using the header search, the query string is ” ?s=search-term ”. But using the product search widget, an addition post type query is added ” ?s=searchterm&post_type=product ”. Is it possible to modify the header search results to add post type in search query, just like it does from the sidebar search.
I understand my support perood has expired, but I would really appreciate your help on this please.
Thanks a lot!!
Hi,
I need to achieve a custom effect which I know this theme is capable of. If you go to my website(ID) https://matesindesign.com/ I have changed the header background to gradient because my logo has a gradient of the same color, you can see my actual logo in the favicon, on scrolling the header just shrinks and nothing changes. But I want to change the header background color back to white, menu items to show gradient effect, and lastly to show my actual logo, all this on scrolling.
I know this is very tricky but it can be done via Salient panel and some custom CSS. I can change the menu item colors to gradient myself or if it is not possible then at least they should become black because the background is white on scrolling.
I don’t know where should I start?
Please help me on this.
Hey, you’d need to change your custom gradient css to only be called when the header is in it’s larger state. Use this instead:
body #header-outer, body[data-header-color="dark"] #header-outer:not(.small-nav) {
background: linear-gradient(135deg,#FFBA0B,#E70052,#6500DE,#13D1B1)!Important;
}
Unfortunately there’s no way to set gradient link colors from the Salient options panel, but you could target the links in the smaller nav only with a selector like
#header-outer.small-nav header#top nav > ul > li > a { color: #000!important; }
Thanks, I have just tried this but on scrolling, the header is not changing it’s background color to white.
Now if you see I have used the Salient’s Transparency settings. Header starting logo is a white version of my logo and Dark is my colored version of my logo. Using your given CSS, on scrolling down, the header is not changing it’s color to white and my logo to its colored version.
Sorry for the trouble, this is the specific effect I need on my website. if you want I can create a ticket regarding this to give you complete understanding with images to show you what type of effect I am talking about.
Hi, did you get a chance to see this problem?
Hi, Can you please look into this matter. I have tried this custom CSS and this didn’t work. You can check on my website(ID) https://matesindesign.com/. I have added the custom CSS both on theme and page level but nothing happens on scrolling.
Hey ramanjeet_singh,
switch the above snippet to the following:
html body[data-header-color="dark"] #header-outer:not(.small-nav) {
background: linear-gradient(135deg,#FFBA0B,#E70052,#6500DE,#13D1B1)!Important;
}
body #header-outer.small-nav header#top nav > ul > li > a {
color: #000!important;
}
Cheers
Thank ThemeNectar,
I tried this and this worked almost. I did some changes in the CSS like I changed [data-header-color=”dark”] to “light” and the header is now changing its color to white on scrolling and nav links are changing to black. BUT Logo is not changing.
Before scrolling white version of my logo is present which is perfectly fine but on scrolling my colored version logo should appear but it is not.
Please see these my Salient panel setting here: https://imgur.com/a/X6c1x Please let me know if I am doing something wrong.
With your help, I am almost done please this is just minor thing remaining.
Thank you
Hey ramanjeet_singh, do you have the “Use Transparent Header When Applicable?” on in the transparent tab as well as the dark logo supplied? Then the page option for “Force Transparency On Navigation” would also need to be on in order to get both the light & dark logos in the page markup
Got it. It is working. Thank you very much. 
Just one thing. If I disable header resize on scroll then it is not changing its color to white on scrolling. The effect I just got only possible on header resize on the scroll?
Can I achieve this without resizing the header? The thing is logo changing animation while header resizing is not going smooth. If I can achieve this without header resize that would be perfect.
Hey ramanjeet_singh, you could leave the Header Resize On Scroll effect on but set the “Header Logo Shrink Number (in px)” field to “00” to leave the logo at the same size
Hi, Tried this but it is still shrinking in height. Please see https://matesindesign.com/ Sorry for the trouble (my partner just doesn’t want this shrink)
To stop the header from changing at all would require js modding to the init.js file when using the ascend theme skin (in the Salient options panel > general settings tab), however if you changed to “material”. CSS alone could prevent it.
Ok, no problem. Small shrink will work for me. I have increased the opacity of nav links to 100% when the header is in its initial state now I have applied gradient CSS on the nav link when the header is shrunk.
The CSS is not working. Can you please look into it? This is what I am adding.
body #header-outer.small-nav header#top nav > ul > li > a {
/*color: #000!important;*/
background: linear-gradient(to bottom right,#FFBA0B,#E70052,#6500DE,#13D1B1)!important;
background: -webkit-linear-gradient(to bottom right,#FFBA0B,#E70052,#6500DE,#13D1B1)!important;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
If you go to my website (https://matesindesign.com/) right now you can see the nav links are not clipping the gradient.
nvm, I figured this out. Can you please give me the CSS of the animated line on below nav links so that I can change its color when header is in its scrolled position. (Right now it is blue in scrolled state)
Hey ramanjeet_singh,
body #header-outer[data-lhe="animated_underline"] header#top nav >ul >li:not([class*="button_"]) >a:after,
html body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li a:after {
border-color: #6500DE!important;
}
Hey there! I need to contact you, what’s your email address?
Thanks,
Hey tovbar, you can use the contact form on my author page: https://themeforest.net/user/themenectar
Cheers
Thank you
You’re welcome
Wanted to bring this to your attention and wasn’t sure if you were aware or not, when using the Microsoft Edge browser if you are using the iconset it puts a message in the address bar that it is an “Unsafe website” and blocks the icons from being displayed. Edge is the only browser that I believe is having this issue. If you would like to see an example here is one of the websites: http://strengthsbuilders.com
Hey newgenesisweb, I can see it occurring on your URL but can’t replicate via the demos. However, i’ve noted to use one of the alternative methods available in vivus in the next release to prevent this from possibly occurring
Hallo, i bought the theme and have a big issue. I can not create anchor links on the side menu. They are not working. Is there a solution for this? I am using the business 2 demo with the special side menu (Off Canvas Navigation)
Hey moociDev,
Anchor links can’t work with the Material skin “Slide out from right” off canvas menu style – if you need to use them from an off canvas menu and would like to keep the Material skin active, you’ll need to switch the off canvas menu style to one of the others available in the Salient options panel > header navigation > off canvas navigation tab
Cheers
Hello sir,
How to change mobile menu pattern..? im using ascend version and i want open menu in mobile like this – http://prntscr.com/hh9b6d
Thanks in advance for solve this issue
Hey y2k,
This is covered in the docs here http://themenectar.com/docs/salient/theme-options/header-navigation/#logo-general
Cheers
This documentation showing only change color, but i want this type of format – http://prntscr.com/hhlivc
Hey, the docs listed above covers that in the following sentence listed directly above the pictures of both formats: “Header Sticky On Mobile This option will keep your header navigation bar fixed at the top if active. By using this option your mobile navigation will also change from the default (right pictured below) to the off canvas navigation style (left pictured below)”
Hi there,
I am considering in purchasing this theme, however, I just have a few questions: 1) Can the landing page transition effect shown in http://rifetheme.com/fatmoon-rhodes/ and https://revolution.themepunch.com/wordpress-header-image-slider/ (where the bottom 2 corners of the landing page image move inwards) be somehow implemented into a salient theme? Will this require Revolution Slider to be purchased alongside the Salient theme?
2) Can the animated icons in the corporate demo be enabled for mobile browsers?
3) Can the scrolling effect shown in https://greatives.eu/themes/movedo/movedo-creative-agency/ be replicated in the Salient theme? In other words, when you scroll up, the content following the landing page “overlaps” the landing page.
Thank you!
Hey ddeez!
1. That would indeed require the use of a third party plugin at this time
2. That would require custom development as of now
3. Yes, there’s the option for such a parallax effect when using the Nectar Slider or Page Header
Cheers
Hi There, I found this comment by you “You could apply the shape divider over a nectar slider by adding it to the row with the slider and checking the option for “Bring to front?”
I’m trying this and have set the ‘bring to front’ option, but it doesn’t work. What options do I have to set so that a shape divider works at the bottom of a nectar slider (would like to use a fullscreen homepage slider, but have tried without fullscreen and also doesn’t work.
Help appreciated, thanks
Don’t worry, it started to work – don’t know what I did to get it to work though, maybe cache or something….
Ok you have to untick “parallax slider” in order for the shape dividers to work…. shame but there you go
Hey anton123, glad you’ve sorted it. For now that option can’t work with the Nectar Slider parallax option but i’ve noted to add compatibility in future releases
Cheers
Hi I have left a ticket relating to several bugs i found in the theme. The ticket is #1386112.
This is not the first time there have been issues so I am anxious to resolve asap so i can launch my site.
Thanks
Hey Mikeoc, I see that the support agents have been assisting you today in regards
Just checking to see if anyone else is having issues with being able to set background property colours for rows and columns, along with setting font colours?
Second issue is when making a change to a property, saving, the page scrolls to the bottom of the page so you have to keep scrolling up to get back to the section you were working with.
I suspect that the latest version of WP is causing issues
Hey shabsta,
1. Make sure no third party plugins are causing that issue for you.
2. The current version of the Salient VC (5.2.4) sorts this. You’ll have access to the update once you update Salient to 8.5.3
Cheers
Hey ThemeNectar
...not a question, but maybe this code can be of help to someone.
A client of mine wanted: - header on the left, but transparent - fullwidth content / backgrounds under the menu - logo image centered
This css fixed it
@media only screen and (min-width: 1001px) {
/* set left header container to 0px width with no border */
#header-outer[data-format="left-header"] {
width: 0px!important;
border-right: 0px;
}
/* fix position of menu: */
#header-outer[data-format="left-header"] header#top nav >ul {
position: fixed;
padding-left: 25px;
}
/* remove left margin on main content */
body[data-header-format="left-header"] #ajax-content-wrap {
margin-left: 0px;
}
/* center logo, logo width = 343px */
body[data-header-format="left-header"] #header-outer .span_3 {
padding-left: calc(50vw - 171px);
}
}
Cheers, 0L4F
Hey 0L4F, thanks for sharing that
Hi, how can we put the border on all sides of the input fields on contact us form: http://themenectar.com/demo/salient-corporate-2/corporate-2-contact-us/
Hey themeheap,
In the Salient options panel > form styling tab choose “Inherit from theme skin” for the “Overall Form Style”
Cheers
On the new “recent posts” list feature is it possible to disable the tall first post so that it’s just a small list of recent posts all the way down?
To clarify this would be on the Recent Post shortcode “List with featured first row” I want the same set up just not the featured first post.
Hey tmanschap,
Yes via custom css – how many columns are you using so I can provide the correct example
Cheers
It would be a one column sidebar. Thanks so much!
Sorry not really a “sidebar” just a single column
Hey, add this into the custom css box in the Salient options panel:
.blog-recent.columns-1[data-style="list_featured_first_row"] div:first-child {
display: none!important;
}
Perfect! Thanks so much!
You’re welcome
Visual Composer Upload File Size Error. I uploaded the Salient theme. But it is not allowing me to upload (unzip) the visual composer. I get an error that the visual composer .zip file is too large. I then went to an FTP client and uploaded the visual composer directly into the plugins folder. It shows the file is there in the FTP window but does not show in the Wordpress plugins window. Im at a loss to know what to do next. Any suggestions?
Hey debbieblacher, you could likely resolve the file size error with your hosting company if you reach out. However in regards to it not showing up once uploaded via FTP, make sure you’re uploading the unzipped folder as a .zip won’t show up
Cheers
Hi ThemeNectar. My secondary navigation menu items are showing up on my mobile menu below the main menu items. How can I remove this?
Hey harrisdesigned,
I’m currently not seeing any items below “apply” and “contact” – are you still seeing this occur?
Cheers
Sorry about that. I needed to press on with the build, so I flipped it back to original from material. I think the issue I was having was the material setting, the secondary nav is placed below the normal mobile menu instead of being a top bar. That menu was overlapping with the social icons on the mobile menu.
I wasn’t able to reproduce the result using the chrome emulator, but when viewed on my iPhone, it was there.
How do I get a responsive block of colour behind title in header image, full width of the screen ie. not just to the edge of the site.
Thank you!
Hey lisa_noble,
Could you kindly provide a URL or screenshot depicting what you’re referring to?
Cheers
How can i register a new color to the list of color as currently i have five pie chart and color we have are four so i need to have one more color added to the list.
Hey fivefinn,
For the pie chart element, this would require custom development to the theme files since that’s colored through javascript so CSS additions alone wouldn’t be able to do the job
Cheers
Is it true that with the new update the video-player is no longer working? Works with vimeo + youtube but not with video files from your wordpress library 
Hey mrkvrbk, there’s currently no known issue with self hosted videos – could you share your URL where this can be seen so I can take a look?
Hello, how can I make sure that my background image from the Nectar Slider is on the full page, and not with a white border underneath. (in the Ascend type – frostwave demo)
Hey timothy_st,
Could you please share your URL in regards so I can take a look at the setup?
Cheers
I’m using the PRODUCT demo and I want to swap the background image for a different one on mobile. How do I do that? The main background renders the text too difficult to read, but no background makes the page look boring. Thanks!
Hey MarkusB!
Could you share the URL where you’re looking to do this so I can provide an example?
Cheers
Yes, of course.
https://legendclans.com/I’d like the top section (intro) background to be replaced with a background that keeps the text readable. I currently turned off the background inmage on mobile, but it looks too boring.
I’d like to replace it with the same background in this section: https://legendclans.com/#features
Thanks!
add this into the custom css box in your Salient options panel
@media only screen and (max-width: 1000px) {
#nectar_fullscreen_rows>div:first-child .row-bg {
background-image: url(https://legendclans.com/wp-content/uploads/2016/07/fullscreen-background-feature.jpg)!important;
}
}
Cheers
That is awesome! hank you! I see a faint box around the text. Can I remove that? Thanks again. Look great!
Actually, the background is showing up on the text boxes as well. How can I stop it from doing that? Thanks again!
The text row and the button row both have the row-bg class. How can I only target the background for that section and not the text and button rows? Thank you!
trying new class
Hey,
Sorry about that! You could change the above snippet to this to solve that:
@media only screen and (max-width: 1000px) {
#nectar_fullscreen_rows>div:first-child .row-bg-wrap .row-bg {
background-image: url(https://legendclans.com/wp-content/uploads/2016/07/fullscreen-background-feature.jpg)!important;
}
}
Cheers
Thank you!
You’re welcome
