38352 comments found.
Hi ThemeNectar!
I’m having problems finding a piece of code that causes the full website to slide 300pixels to the left when opening the right off canvas sidebar.
header-outer, .container-wrap gets the inline style = transform: translate(-300px, 0px);}
I could stop this by adding a ‘transform: none!important’ to the css file, but this causes problems with the vertical sticky tabs…
So, would it be possible to turn off the 300px inline transform somewhere?
Thanks in advance!!
Mark
Hey Mark!
As of now fully stopping that functionality would require a JS modification to salient/js/init.js at the function titled “OCM_slideOutRightOpen”. Alternatively, if you use the “Slide out from right hover triggered” style, that movement will already be the default.
Cheers
Hey! Thanks a lot, that fixed my problem. One more question; how could I speed up the animation from 3 lines to a cross when opening the sidebar menu?
Hey markbvv,
Can you share the page URL so that I take a closer look at the setup?
Thanks in advance
Hello, All of sudden on my website (https://relentlesswarriorstore.com/), you can’t scroll anymore. It does it on desktop, tablet, and mobile. Can you please advise why? Thanks.
Hey kukennedy,
Without disabling the currently active CSS minification, it’s hard to see the true cause of that issue. However, you can add this into the custom css box located in the Salient options panel > general settings > css/script related tab to correct it:
.nectar-no-flex-height:not(.material-ocm-open) .ocm-effect-wrap-inner,
body[data-slide-out-widget-area-style]:not(.material-ocm-open).nectar-no-flex-height .ocm-effect-wrap {
height: auto!important;
}
It worked thank you. I also tuned off minify css. Could you let me know so I can revise it properly? Thanks.
Thanks,
I can’t seem to replicate the issue locally when attempting to copy your theme settings. If you’d like to reach out privately via the contact form on my author page, I’d be glad to take a closer look at the backend. Or you could just leave that snippet active until the next release. In the upcoming version, the underlying CSS which is conflicting on your setup has been rewritten and thus the issue would go away naturally when updating.
Cheers
CF7 Styling: my contact form uses date picker dropdown. on iphone the did not get the overall site style. How do I get all the form styled (for example) as the minimal one on someone of your templates? (Included datepicker dropdown) thanks in advance
Hey guasconi,
In the Salient options panel > Form styling tab, ensure that you have the option “Enable Fancy Select Styling” enabled. If you already do, please share your URL in regards so that I can take a look.
Cheers
Hey ThemeNectar!
I am trying to use an iframe in a lightbox but i am getting an error “The requested content cannot be loaded.”
I already tried the following but nothing works:
<a href="http://www.google.com?iframe=true&width=400&height=200" class="pp">Link</a>
-
<a href="http://www.google.com?iframe=true&width=400&height=200" rel="prettyPhoto[iframes]">Link</a>
-
<a class="iframe" href="http://www.example">This goes to iframe</a>
I hope you can help me out with that. Thank you for your effort, i appreciate it! best regards
Hey Cartman66,
The anchor structure to call a fancybox iframe is as follows:
https://pastebin.com/bmZYRdRDNote, that if you’re trying to access Google in an iframe, you’ll need to use an iframe supported URL such as a map embed in the example above
Cheers
Thank you very much!! It works even with normal iframe Pages.
You’re welcome Cartman66 
Hi Theme Nectar and congrats for the awesome theme. I am working on a site with Salient of a client of mine who already bought the theme. I have one question: how to automatically expand the woocommerce product categories widget on mobile view? By defaul it is collapsed. Thank you so much
Hey GIORGIDESIGN, Thanks a lot!
Add this into the custom css box located in the Salient options panel > general settings > css/script related tab:
@media only screen and (max-width: 999px) {
.woocommerce #sidebar .widget.woocommerce:not(.no-widget-title)>ul,
.woocommerce #sidebar .widget.widget_product_tag_cloud>div,
.woocommerce #sidebar .widget.woocommerce-widget-layered-nav>.woocommerce-widget-layered-nav-dropdown {
display: block!important;
}
.woocommerce #sidebar .widget.woocommerce:not(.widget_price_filter) h4:before,
.woocommerce #sidebar .widget.woocommerce:not(.widget_price_filter) h4:after {
display: none;
}
.woocommerce #sidebar .widget.woocommerce:not(.widget_price_filter) h4 {
pointer-events: none;
padding-left: 0;
}
}
Thanks a lot, you’re the best!
Glad I could help, GIORGIDESIGN
Hey ThemeNectar, just another question: is there a way to show the woocommerce store notice only in the store page instead of the whole site? Thank you so much!
Hey GIORGIDESIGN, you can in the following CSS for that change:
body:not(.woocommerce) .woocommerce-store-notice {
display: none!important;
}
Thanks a lot!
You’re welcome, GIORGIDESIGN
Hi ThemeNectar, last question: I have the WooCommerce Products element in one page and I want to push there only external products. Is there a way to link the product thumbnail straight to the external product page instead of the internal product page? Thanks a lot
Hey GIORGIDESIGN,
This would require a modification to the relevant product style output function. You can find the output functions for each style in salient/nectar/helpers/woocommerce.php They’re namednectar_product_thumbnail_with_cart // classic nectar_product_thumbnail_material // material nectar_product_thumbnail_minimal // minimal nectar_product_thumbnail_with_cart_alt // price/star ratings on hover
Copy the one you’re using into a child theme functions.php for the modification.
Thank you for your fast reply. I’ve solved pushing this code to functions.php:
add_action('template_redirect', 'redirect_external_products');
function redirect_external_products() {
global $post;
if (is_singular( 'product' ) &&
! empty( $post ) &&
($product = wc_get_product($post)) &&
$product->is_type('external' )) {
wp_redirect( $product->get_product_url() );
exit;
}
}
Hi guys, as always congrats for this great theme! Same website, another question from my client: how do I increase the font size of the text i put in the hotspots panels on mobile? It is really small. Same for the (X) icon to close the panel. I’m talking of the hotspots of the Image with hotspots module. Thank you in advance!
Nevermind guys, I’ve figured it out the issue related to the font-size on tooltips boxes but now I have another problem: I’ve put some html anchors in the tooltip boxes, links work perfectly on desktop but on mobile when i click those links the tooltip box simply disappear and the link doesn’t work. Can you please help? Thanks a lot!
Hey GIORGIDESIGN! This issue is will be fixed in the next major release (v13). If you’d like immediate access, please reach out via the contact form on my author page in regards.
Thanks in advance
Hello,
I am having an issue where google picks up the Creation date of the article , the published date. but I am updating my blog posts quite often and I need to have Last updated on <date>
I am looking in includes/partials/single-post/post-header-no-img-regular.php and I do see on lines 86 – 89 the code
<?php echo get_the_date(); ?>
<?php echo get_the_modified_time( __( 'F jS, Y' , 'salient' ) ); ?>
<?php } else { ?>
<?php echo get_the_date(); ?> So there is a code that displays last updated date but it’s hidden front end and backend – not users, me or Google picks up the updated date.
I am trying to understand why it’s hidden and how can I enabled it.
thank you.
Hey alexwb,
The last updated date should exist in the markup – you can force it to display with the following CSS:
.single .meta-date:not(.updated) {
display: none!important;
}
.single .updated.rich-snippet-hidden {
display: inline-block!important;
}
I’ve noted to add a theme option in the upcoming release to toggle which date to publicly display on posts.
Cheers
Any documentation on how to customize blog/recent posts element to pull from new taxonomies?
Hey theoceanagency,
The next update will be including a custom query option directly into the “post grid” element, If you’d like to get on the beta list, please reach out via the contact form on my author page https://themeforest.net/user/themenectar
Which file do I need to edit to make Clients Display URL open in target=_self ?
Hey mousemediainteractive,
The file is located at wp-content/plugins/salient-core/includes/vc_templates/client.php
I’ve also noted to add that option into the next release.
Cheers
Good day theme nectar,
I was making use of the theme, and realized that when running google page speed test, the mobile scores are low. Is their any way of improving the google page speeds score?
Hey aglet,
You need to enable CSS/JS minification on your site. You can use a plugin such as https://wordpress.org/plugins/autoptimize/ or https://wordpress.org/plugins/w3-total-cache/ to do so.
The next release will also be including a global lazy loading option for images, which will further increase the mobile score. If you’d like early access, please reach out via the contact form on my author page https://themeforest.net/user/themenectar
Cheers
Hi guys!
1. I want to resize the font of the Off Canvas Menu, I use this code: @media only screen and (max-width: 1500px) { #slide-out-widget-area .inner .off-canvas-menu-container li a { font-size: 25px!important; line-height: 15px!important; } } but the sub items of the menu now have the same font of the principal items… how can I resize it?
2. and where/how Can I resize the font of the sub menu item?
3. unsing this menu: http://themenectar.com/demo/salient-freelance-portfolio/ is possible to have a different Menu Item Style in a voice called “Shop”... something like this “Purchase” item: http://themenectar.com/promo/#demos ? Can you help me?
4. unsing this menu: http://themenectar.com/demo/salient-freelance-portfolio/ is possible to have another menu on top of the pages like a Secondary Header Bar? How can I do this? can you help me? tnx!!!
Hey DieMan_!
1/2. The submenu font sizing for the off canvas menu will be different depending on the style/theme skin you’re using. Could you share your URL in regards?
3. That would be possible with CSS – once I can access your URL, I’d be glad to provide an example
4. Yes, you can still enable the secondary header navigation when using a menu style like that. The secondary menu can be selected in the Salient options panel > Header navigation > secondary header bar tab
Cheers
Right now is only on a test area, a local mamp server :/ can you try to help me anyway? p.s.: 4 ok, I selected in the Silent option panel the secondary header bar… but how can I assign there a menu?
4 update. if I use Header Layout Centered Menu Bottom Bar theme doesn’t appear in the secondary bar. If I use Centered Menu Alt is ok the secondary header bar menu, but the Off canvas Navigation Menu (icon) move to the middle of the page under the logo instead of staying in the top-right of the screen.
Hey DieMan_,
1. Try to use the following:
body #slide-out-widget-area .inner .off-canvas-menu-container li li a {
font-size: 12px!important;
}
2. The secondary menu bar will only display the content assigned to the field “Secondary Header Text” when using the “Centered Menu Bottom Bar” layout. If you wish to add navigation items to that area, you would need to copy the file “salient/includes/partials/header/secondary-navigation.php” into your child theme to make the modification
I experience iconsmind icons to load extremely slow in Salient when I want to browse the iconsmind collection in Salient. I also noticed it has a massive impact on gtmetrix and other measurements. I.e. your own example with Bentley Martinez on your store front here on themeforest. It took almost a second to process in GTMetrix. Is the Iconsmind library that massive?
Besides that, I’m a content user of Salient.
Hey tceriksen79,
1. In regard to the page builder – Have you updated to v12 of Salient and also updated the Salient Core plugin? All the icon libraries are now paginated in the page builder, which corrects the long loading issue.
2. We’ve included the SVG versions of the icons so that they can load individually if desired. To make use of that, you just need to unzip the folder titled “icons.zip” in salient/css/fonts/svg-iconsmind
Cheers
Hey there, I have a carousel with single testimonials in it. It’s using Flickity with basic testimonials right now. I am trying to decrease the gap between the top of the carousel and the bottom of an element I have above it, as well as the gap between the bottom of the testimonial and the pagination, but I can’t figure out how. Could you please help?
Hey skucenski,
add this into the custom css box located in the Salient options panel > general settings > css/script related tab:
.nectar-flickity.nectar-carousel.nectar-carousel:not(.masonry) .flickity-viewport {
margin: 20px 0 30px 0!important;
}
If that doesn’t adjust it how you need it, please share your URL in regards.
Cheers
Is there any way to have an mp4 movie as a Custom Thumbnail Image for a portfolio item?
Hey Mindthemix, unfortunately there’s no built in functionality for that. However, when using the custom thumbnail upload instead of the regular featured image, you can provide an animated gif image.
Thanks so much for the prompt reply as always! I’m already using animated GIF but the mp4 is way smaller than the GIF for this specific animation.
Adding in video support as of now would require custom development. However, I’ve noted your +1
for the idea on the wishlist
Hi. Please see here: https://www.alluvia.co.za/live/ – There remains responsive issues on an Iphone X and Galaxy S5 – the other tablets are correct. The issue is that above and below the home page nectar slider it creates a space (grey) that should not be there. Also on the row below that the background image displays incorrectly in height and if you hide the image on mobile (which I did) the row still creates a white space where the row is situated and you can’t hide the entire row. Why? I ‘fixed’ it by making the row background same black as slider row… not ideal!
Hey gustav939,
1. Edit the row which is holding the Nectar Slider and turn off the option for “full height row”. The Nectar Slider element also has the option enabled “fullscreen slider” and it will take care of those calculations.
2. Hiding the background layer on mobile devices will not remove the entire row. The row is still getting space from the top/bottom padding which is set on it. You can remove that for mobile only like so: https://ibb.co/18mxtRW
Cheers
Is there any way to get Salient working with WC Builder from HasThemes? It apparently works with WP Bakery, but does not recognise that WP bakery is installed. Even though I know WP bakery is installed with Salient.
Hey onefunction,
That plugin might not be seeing WPBakery active since the Salient specific version has a different folder name i.e. js_composer_salient instead of js_composer.
Are the elements which it adds in also not showing in the page builder interface?
Hi, Is there a way to make the secondary header sticky / fixed so that it does not disappear on scroll? Thanks
Hey jackcweston,
That functionality will be the default if you change the “Theme Skin” to “original” in the Salient options panel > general settings tab.
If you want to keep the material theme skin, you can alternatively add this in the custom css box in the Salient options panel > general settings > css/script related tab
#header-outer {
transform: none!important;
}
Cheers
Thanks this worked great
Glad I could help jackcweston :)
Hi! Congratulations for this great theme. I configure the Classic Products view in Salient settings but I would like to see rating stars on the main shop list products. After using some hooks and functions, nothing happens. Could you please tell me how to show stars? Where is the file with this coding settings?
Hey Xab, thanks a lot!
Add this into the custom css box located in the Salient options panel > general settings > css/script related tab:
.woocommerce .products .classic .star-rating {
display: block!important;
}
Cheers
Hi There! Can you point me to where in the documentation it shows us how to set up search for images? I’m creating a site where I need people to be able to search photos in the media library-is this possible?
Hey taccaralanay!
Unfortunately searching for images in the media library is not a standard feature of WordPress. To make that possible would require custom development or the use of plugin such as https://searchwp.com/
Cheers
Hi i am using the pull right menu with a drop down navigation menu on the far right of the screen…. the problem is when the drop down menu is activated the menu goes of the right edge of the screen.. is there anyway this
- drop menu dosnt go off the screen edge so you can see the text in the menu? as it cuts most of the text off..
Hey fiftyonefifty,
add this into the custom css box located in the Salient options panel > general settings > css/script related tab:
.right-aligned-menu-items .sf-menu > li.sfHover:not(.megamenu) > ul:not(.on-left-side) {
left: auto;
right: 0;
}
Cheers
Hi, Where can I find the second pricing table element seen here? http://themenectar.com/demo/salient-promo/pricing-table/
I add a Pricing element, but it looks completely different, and there are no options to choose between different designs.
Thanks!
Hey apinzon!
There are many pricing table setups that Salient includes which are created through the use of regular columns/content elements. You can find all the ones shown on that URL in the Salient Stuido -> Pricing tab: http://themenectar.com/docs/salient/salient-studio/
Cheers
