38443 comments found.
I’ve used old version from 2016 and tried to update today. Problem is that how the portfolio embed video field/attribute is handled in the new version.
Originally I had some Javascript inside this embed video code box to check for geolocation and embed the video from different providers. Either Vimeo or some of the Chinese site. Earlier it seems the link to the video was generated dynamically each time the thumbnail was pressed to bring up the video play box (The link on the browser was calling video.php with portfolio item ID). If I switched VPN on and off here in China, the embedded video change based on that each time I click the thumbnail, without me even needing to reload the site. Now after upgrade the links to video are created when the page is first loaded. Each item on portfolio is already pointing to Vimeo link on hover and click rather than the local PHP file. It also seems to ignore all the script written within that embed box always picking up the Vimeo link which is the last IF-ELSE case, no matter what the geolocation is. If I totally remove everything and just write in the Chinese embed, I simply get a written error message, no content at all. This leads me to believe that when you changed the system you added some sort of check if the video is from “supported” sites and it refuses to embed anything else. Or a parser that just picks up the “useful” part of the embed box content. I had to roll back to old version and this is major annoyance now.
The embed function wasn’t perfect before either as the resizer failed to work with the Chinese sites that seem to separate the playbar from the actual video window. This led the videos not embedding correctly on mobile phones and creating lots of empty black space around the video if use manual sizing (had to force it to height=200), or in 100% mode it simply threw the video play button out of the window area when using on my phone vertically. On desktop or iPad widht and height 100% still worked. I updated in hopes that this problem wouldn’t have existed in the new version but basically it got even worse, videos not embedding at all.
Hey sebasti,
sorry to hear you ran into trouble with your custom implementation – please note that the embedded field there was never meant to handle custom scripting or sources outside of the standard, as noted in the description of the field: “If the video is an embed rather than self hosted, enter in a Youtube or Vimeo embed code here.”. However in the latest version this could be possible without a different approach.
The function “nectar_portfolio_video_popup_link” can be copied from the functions.php file into a child theme functions.php and modified to handle a new source. First, ensure you’re using the latest lightbox script offered in Salient for the best iframe support. You can find it in the Salient options panel > general settings > functionality tab – it’s called “fancybox3”. Then you’d need to edit the
return $video_markup.'<a href="'.$project_video_link.'" class="pretty_photo default-link">'.$popup_link_text.'</a>';to match the structure needed on: https://fancyapps.com/fancybox/3/docs/#iframe
Hi, I’ve a question: on my homepage: https://scg.kleidi.nl/ I’ve three columns underneath my Nectar slider. On mobile each column shows up very big on the screen and also after each other so you will not see the last two columns. Is there a way to change the lay-out for mobile? For exmample less big or more columns next to each other instead of after each other?
Thanks!
Hey Abbenhues,
When editing your columns in the page builder, check out the “responsive options” tab in order to tweak how the column will display on each of the various viewports 
Cheers
Thanks so much! One more thing: How can I change the height for mobile only for my Nectar slider (https://scg.kleidi.nl/)?
Hey! The “minimum height” option within the Nectar Slider element will stop the slider from getting any smaller than the defined value on mobile devices
Salient’s integration of Woo Commerce is really good. The product pages look damn good compared to any other woo commerce product pages I’ve seen.
Question: How do you get the design below the product like on this page? http://preview.themeforest.net/item/salient-responsive-multipurpose-theme/full_screen_preview/4363266?_ga=2.72391952.243314151.1522089640-730366079.1518923468I see all the shortcodes, but how does one go about editing that content below that product since the visual composer isn’t available when editing a product?
This is the correct link. Sorry: http://themenectar.com/demo/salient-ecommerce/product/mens-button-down/
Thanks rouge1,
Ensure that in your Salient options panel > woocommerce settings that the “Product Tab Position” is set to “Fullwidth under images” – this will add the page builder functionality to the content area of your product(s) 
Cheers
I have the woocommerce setting “Product Tab Position” set to “Full width under images” and I’m not seeing the page builder. Even when I look at a page that does have content below the product from your demo that I downloaded, I still don’t see the page builder.
Here’s the CMS of a page from your demo that I downloaded. When rendered, it displays content below the product. I don’t see any page builder: https://prnt.sc/iysy2u ... And a screenshot of my Salient optons/woomcommerce settings: https://prnt.sc/iyswrbHere’s a better shot of the CMS page:
https://prnt.sc/iyszjhHey roye209
In the visual composer plugin settings page > role manager, verify that the “Post types” is set to “custom” and that the “product” checkbox is selected in addition to the other post types
That worked! The “product” checkbox was not selected under the “role manager tab. I have a couple of additional questions:
1.) is there a way to change the layout of the thumbnails? Can they be stacked vertically like this: https://www.allbirds.com/products/mens-wool-loungers?variant=42215908807
2.) is there a way to remove the “Description, Additional Information, Reviews” tabs?
I’m basically trying to emulate this age just in case my client really likes it since this is a site they sent me as an example of something they like.
Hey rouge1,
1. Unfortunately not as of now, but i’ve noted the idea for the wishlist 
2. add this into the custom css box in your Salient options panel:
.woocommerce div.product .woocommerce-tabs > .full-width-content { display: none; }
Cheers
G’day! We’re wanting to use the Jetpack lightbox without using Jetpack, so we’re using this plugin (TP Tiled Gallery) but we’re getting conflicts for both single images and galleries where the Lightbox simply doesn’t work. Can you help?
Hey Magefox! 
Are you using the latest version of Salient (8.5.5) and can you share your URL in regards so I can take a look?
Cheers
Most WordPress themes look the same and they all have the same options/ functionality. Can we get this type of advanced filtering for Salient Portfolio http://www.adsoftheworld.com/cards/student ? this will make it stand out from the rest.
Hey toolbox101, thanks for the request
Hi, how to give parallax effect like this goo.gl/vLaeSj to image on any page?
Hey astutestudio,
You need to create a new row and edit that row to have top/bottom padding start out with some values like “20%” for both. Then just enable the “Parallax Background” option after adding a “Background Image” 
Cheers
Thanks mate .. i ll try this now 
You’re welcome astutestudio 
2 Questions:
1. The top rated products widget in the sidebar for store page is showing 6 stars instead of 5. How do I correct. See here: https://youneekstudios.com/store/
2. If I update my current salient website to a new Salient template, will it be seamless? I want to use some of your new look templates as I have been using one of the very first Salient themes.
Thanks
Hey roye209,
Can you temporarily disable the CSS minifcation so I can see where the issue is stemming from? Also, as long as you have no modified any of the core Salient theme files, updating requires no additional work http://themenectar.com/docs/salient/updating-salient/
Cheers
I have disabled css minification. Please let me know. Thanks
Hey roye209,
Even after clearing my cache, I’m still seeing that all of the CSS is being served from one single minifed file: https://youneekstudios.com/wp-content/uploads/fvm/out/header-412c8d6a-1520353828.min.css
Please try again. I disabled all CSS processing.
Thanks roye209, I’ve located the issue – it’s related to the current WooCommerce and the Ascend Salient theme skin. To fix it before the next release, add this into the custom css box in your Salient options panel:
.woocommerce.ascend .product_list_widget .star-rating:before { font-size: 12px; }
Cheers
Hi ThemeNectar, I know that the support for this has expired and I am planning renew it once I finish this project. I have an issue with the product gallery using Default Lightbox Functionality. The first thumbnail is larger than the three other thumbnails. I tried regenerating thumbnails but it does not seem to be working. This problem can be viewd here: https://goo.gl/xLLXeA Have you heard of these issues before?
Seems the link does not work, this one should: https://bit.ly/2pPoekt
Hey dominman,
WooCommerce reworked how images get sized in 3.3, have you set the dimensions you desire via the new settings in the live customizer before using the image regeneration plugin?
Cheers
Thanks for replying, will look into it and will let you know if this worked.
My customizer was set to display 1:1 thumbs, I regenerated all thumbnails again after checking this customizer options. This setting 1:1 apparently works only for the first (featured) image, the others are still 16:9 (I think). However, when editing the product gallery in the backend, the thumbnails appear properly as 1:1. Any other hints or links to possible causes/conflicts?
Hi there. I think I finally figured this out. There might be some potential conflict between Salient styling and Jetpack. I turned Jetpack off, and the thumbnails started working properly. I also installed a caching and optimizing plugin so I am not 100% sure if this was the issue, but since jetpack is very popular I thought you might want to know.
Hey dominman,
Thanks for updating me in regards 
Hi TN,
I am working on https://www.stickypresentations.com and have been searching and searching, but I can’t find a way to get the header to have a transparent background. I tried all Salient settings and also copied the settings from http://www.bloemenbezorgenonline.nl (my testing site) but I can’t get it to work.
Any ideas what could be the problem here?
Cheers, Marc
Hey Marc,
In the Salient options panel > header navigation > transparency tab, enable the option “Use Transparent Header When Applicable?” then in your page settings, at the very bottom you’ll see a metabox titled “Page header settings”, check the box for “Force Transparency On Navigation”.
Cheers
I’ve a problem with Fancy Box. I’ve imported salient-corporate-creative theme (http://themenectar.com/demo/salient-corporate-creative/) When i activate the child, the Fancy Box parallax hover effect not work! Can you help me? Silvia
Hey Silvia,
Can you please share your URL in regards so I can see what’s causing that conflict for you?
Thanks
Hey Nectar! Can the uptate be installed so that the previously created PO/MO file is not deleted? I have to re-translate the homepage after each update.
Hey vik_,
You can add a “lang” folder in a child theme to avoid this and use this in a child theme functions.php to call the .po from there:
add_action('after_setup_theme', 'child_lang_setup');
function child_lang_setup(){
load_child_theme_textdomain('salient', get_stylesheet_directory() . '/lang');
}
Cheers
Hello, is there a way of creating a global element that can be edited in one place and repeated throughout the site?
Many thanks, Danny
Hey Danny,
For that you would need to use templatera: https://codecanyon.net/item/templatera-template-manager-for-visual-composer/5195991
Cheers
Hey guys. I Translated with Poedit default.po to my language. But when i open search and “Hit enter to search or ESC to close” – doesnt translating. I found this string in nectar_salient_strings.pot – and translate to Russian, after translating phrase if i save this file he saving in ru_RU and all previous translatings deleting by this one. How i can fix this and translate this string?:’(
Hey esqu1red,
You need to save the default.po as ru_RU.po or use the nectar_salient_strings.pot file to generate a new .po in your language code
Cheers
Do you support SVG logo?
Hey weiqispace, WordPress by default disables SVGs from being uploaded but there’s a few plugins out there to enable the functionality such as https://wordpress.org/plugins/svg-support/
Cheers
Hey Nectar! I just imported the corporate theme for one of my clients. How would can I put the call to action in the nav bar like the corporate theme?
Hey lnbbroductions! See the docs in regards here: http://themenectar.com/docs/salient/header-button-links/
Cheers
Thank you Nectar! Very much appreciated. Hey Nectar I am thinking of starting a Salient Sundays on my youtube channel. What do you think of that? Like additional tutorials for common questions here and there.
And would you ever consider being interviewed at some point? I think itd be pretty cool for people to hear from you and the vision of Salient. I have 1,000 subs at this point not sure if thats enough or if you want to wait until I build more.
Happy Easter by the way
Hey lnbbroductions,
That’s totally up to you man, i’m flattered you’d want to 
I’ll also definitely keep the interview in mind!
Happy (late) Easter to you as well 
For sure man. I thought it would be pretty cool.
And I understand if you want to wait until I have a larger of an audience for it to be worth your time. Ill make a goal of 10,000 and ask you again then.
I updated my Salient theme to the newest version today 8.5.5 and had a Fatal Error in the salient header.php file. I am still able to access the admin dashboard so i updated wordpress and now the screen in blank white. Can you please help? Can you also send me the previous Salient version so i can revert it back?
Hey corinafong,
There’s no such known issue with the current version header.php file, can you elaborate on what the error stated? Also, have you opened a ticket yet with the relevant URL so we can inspect the setup? https://themenectar.ticksy.com
Cheers
Hey i have a issue please, why the mobile icon menu is so small ??? www.ordersteroidsonline.ca
Hey genx1,
I’m seeing the mobile menu icon displaying at the default size https://imgur.com/a/ZaVA4 are you referring to the mobile logo?
Cheers
no man .. look this www.hghultra.com is basically a clone why www.ordersteroidsonlines.ca mobile menu is very small is not normal size i checked on many device
yes teh little bar for mobile logo …
look the difference www.hghultra.com and www.ordersteroidsonline.ca 2 salient,two web site from same clone and 2 output are different on both
is yhe only issue i ever meet with your theme good job by the way
Hey genx1,
you have the “Mobile logo height” option set for one of the setups higher than the other. Look in the Salient options panel > Header navigation > logo & general styling tab
ok..i surprise you not understand.. i of course, already try the logo heigh..ok listen forget the logo.. look at the Flash banne ron the bottom why is different on www.ordersteroidsonline.ca than www.hghultra.com
wtf? i talk about the menu?? why you talk about logo ??
I TALK ABOUT THE MENU ICON WHERE YOU CLICK TO NAVIGATE!!!
Hey again genx1, the reason I assumed you were talking about the logo was because when viewed on a desktop in small width (500px) to simulate a smartphone phone view, there’s no difference at all in the mobile nav icon. However I can see what you’re referring to now when viewed on an actual mobile device, and it appears to be occurring because of a custom modification you or whoever worked on your setup made directly into the Salient header.php file.
the line that handles how your site will display on a mobile device has been altered. By default it should be this:
<meta name="viewport" content="width=480, initial-scale=1, maximum-scale=1, user-scalable=1" />
and on your site it’s been changed to:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
yeah i know about this , is modified cause i tried few thing for this issue before come here.. i will but back the original one but , will not make any difference lol 
i just don’t understand cause both website are clone basically
has you can see.. i changed it , but still same issue …...
Inspecting the source of your page shows that the HTML tags are malformed right from the start of the document, there’s two separate declarations showing for the opening html and head tags https://imgur.com/a/JRfF8 which is preventing mobile devices from accurately parsing the page. This formatting error does not exist in a raw copy of Salient, so you would need to open a ticket in regards with your admin credentials to allow us to see what’s going on in your setup. Or if you simply upload a fresh version of the theme it would likely sorted it
Hello,
Can you help me to see why my portfolio items are not visible on mobile screen?
http://anetworkz.com/portfolioAprreciate! Thanks!
Hey michelleoui!
I can’t seem to access that URL at the moment, can you verify that it’s active?
Cheers
my bad, wrong link. can you try this ? http://anetworkz.com/post-production/
Hey michelleoui,
Unfortunately I’m unable to reach that URL as well
Cheers
Hi can you try this please? http://1stopservice.com.my/post-production/ Thanks!
Hey michelleoui, i’m seeing some custom javascript that was added into the bottom of the init.js file which is causing an error on mobile devices and preventing the rest of the file to execute normally. Once that customization is removed, the issue should go away
Cheers
Hello May I know from which line onwards is the customization? As it was added by the previous person in charge, I didnt know how the original init.js supposed to be. Thank you so much for your help!
Hey michelleoui, this is the segment that should be commented out or removed https://pastebin.com/NBFQCJQz
Cheers
Hi TN,
I see in one of the examples (Corporate) the short code for animating icons:
[icon enable_animation=”true” color=”Accent-Color” animation_speed=”Fast” icon_size=”” animation_delay=”400” image=”basic_compass.svg”]
Obviously this is not Visual Composer component. Is this short code encoded within Salient? Where can I find more information about this (all icons, where I can upload new icons, available settings, etc).
Hope to hear from you, Marc
Hey Marc, that’s the icon shortcode which is available in the nectar shortcode generator in any textblock, however over a year ago we added the icon shortcode into the page builder as the “Icon” element. The icon page builder elements offers all the same features as the original icon shortcode
Hey!
Would like to decrease the gap between ‘We Are’ (text) and ‘Marketyze’ (image) on the first fold:
marketyze [dot] io
Columns are 1/6 (we are) + 2/6 (marketyze) + 1/2
‘Marketyze’ needs to be centered as text to make sure it looks nice on mobile
Thanks
In ideal scenario the whole sentence is entire centered vs. using columns, but it’s hard to get this right on desktop + mobile (where it should be two centered sentences)
Hey j0nthn,
1. In the responsive options tab when editing the column holding the marketyze image, change the column widht on mobile to be 1/1
2. add this into the custom css box in your Salient options panel:
.mobile .first-section .vc_col-sm-4 {
margin-bottom: 0!important;
}
You can also create two different versions of the design (one for mobile/desktop) but using the responsive options tab and hiding the display on each separate column grouping on the relevant viewport
Cheers