38356 comments found.
Hey guys,
Any update on when we may see modals?
Hey sam_lee1985,
a modal element is still on the wishlist, however a few updates ago we added support for the popular modal plugin “popup maker”, which we featured on the new eCommerce demo here: http://themenectar.com/demo/salient-ecommerce-creative/ Cheers
Hi, I would like to disable flickity in the functions.php. Could you tell me how? It is not a necessary function on our site. We are only using one product image and it is more of a place header image > See this for reference > https://discovergrandprix.com/product/spanish-grand-prix-tickets/
Hence there is no need in having additional bloated js which slows load time. Load time is more important.
It would be great to find out how to disable flickity therefore.
Thank you
John
Hey johnlmccurdy,
You can switch your single product gallery type to not use that script by changing your “Single Product Gallery Type” to “Bottom Aligned Thumbnails” in the Salient options panel > WooCommerce tab
Cheers
I am having some trouble with my shop page – http://79.170.40.178/foodieflavours2.com/shop/
On certain window sizes(about 1025px – 1340px wide), when hovering over products the product title and quick view seem to overlap. Is there something which might fix this?
Thanks.
Hey MarcGarner,
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: 1350px) and (min-width: 1000px) {
.minimal.product .product-wrap .normal.icon-salient-m-eye[class*=" icon-"] { display: none; }
}
@media only screen and (max-width: 1150px) and (min-width: 1000px) {
.products li.product.minimal [data-nectar-quickview="true"] .nectar_quick_view,
.products li.product.minimal [data-nectar-quickview="true"] .add_to_cart_button { font-size: 11px; }
}
Hi, Thanks I have implemented this but it doesn’t seem to work. it looks like this is just hiding the eye icon on the quick view button.
Hey MarcGarner,
The intention of the snippet is to remove both of the icons to allow enough room for the links to display on one line for small monitors between the range you mentioned. Here’s an updated one that will remove both icons:
@media only screen and (max-width: 1350px) and (min-width: 1000px) {
.minimal.product .product-wrap .normal.icon-salient-m-eye[class*=" icon-"],
.minimal.product .product-wrap .normal.icon-salient-cart[class*=" icon-"] { display: none; }
}
@media only screen and (max-width: 1150px) and (min-width: 1000px) {
.products li.product.minimal [data-nectar-quickview="true"] .nectar_quick_view,
.products li.product.minimal [data-nectar-quickview="true"] .add_to_cart_button { font-size: 11px; }
}
Cheers
The words still overlap. Is it possible to just increase the bottom padding on the product title? Or is there a way to use alternate product titles for the shop page? That way I could use shorter titles for that page.
I have found that the solution is to decrease the number of columns of products. Though I do need more control over the specific px widths that the, “small desktop”, “tablet” column controls kick in.
Is there some CSS to set the px widths for each of these? Thanks
Hey MarcGarner, here’s a snippet to increase the bottom padding of the titles:
.products li.product.minimal .product-meta h2 {
padding-bottom: 20px!important;
}
Having alternative titles for the archive only would require custom development or the use of a plugin
Cheers
That fix is much better, thanks. Great support as always.
You’re welcome MarcGarner 
Hi, I have updated my site with the latest version of your template. Now, however, in the admin side of the site I see a huge icon of the site, and this does not allow me to work well in the dashboard
Hey Andreamela1578, have you tried to clear your browser cache since updating?
yes i did, can i send you screen shot so see?
Hey Andreamela1578, please open a ticket on our support forum in regards with temporary admin credentials so we can take a closer look into this: https://themenectar.ticksy.com
Thanks in advance
this element appears in the backend. I would like to delete it, because it does not allow me to select other menus
Hey Andreamela1578, the size of the logo is set to 20px within salient/nectar/assets/css/nectar_meta.css – since that’s not occurring for you, I assume an older version of the stylesheet is present in your setup and would be glad to take a look if you can provide access
Is it possible to display instagram as one of the links on the social buttons element? Thanks
Apologies just realised these are share buttons not links to social media accounts. Is it possible to use this element to link to social media accounts as I much prefer the design of this.
Hey MarcGarner, you can use instagram as a header nav/footer link but it’s not available in the single blog post/project “share to” social button as of now. I’ve noted your idea for the wishlist of making the share button style available through the page builder for other social media links
I am having issues with this website have to keep reloading before it opens http://zerenitihouse.com/ and i have developed with this theme and the menu on mobile at times showshttp://zerenitihouse.com/#sidewidgetarea
Hey saisi,
I can see a few javascript errors coming from seemingly third party plugins/custom scripts https://ibb.co/4Rf64c6 – could you first try to disable your autooptimize with the javascript to see if that fixes the errors before temporarily disabling the plugin(s)?
hi,
on the product page on mobile we’re not able to select the gallery images .. the only option to show the product products is to click the lens on the right top side of the first image ..
can we change this to make it more user friendly, because it wasn’t like this before ..
regards, Laurens Floor
Hey Laurens Floor,
this is a confirmed issue that will be solved in the next release, for now to fix it 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: 690px) {
.single-product .row > .product[data-gallery-style="left_thumb_sticky"] .summary.entry-summary {
clear: both;
}
}
Cheers
Hi there,
I face many problems with the Full width content section.
I already created a ticket in your support center (#1807780) but it wasn’t resolved since weeks.
It would be great if you could solve the problems (wrong calculation of the width and margin issue), because it is very urgent. I documented the issues in detail with screenshots, videos etc. on the ticket.
I am looking forward to hear from you. Thanks in advance.
Hey storeofideas, I just looked into the ticket in regards
Cheers
Hi TN team,
Just wondering if there’s a way to have the ‘Nectar Slider’ fill a column (width / height) it’s placed in, such as in a two column layout, the same way you have it fill the screen when using the ‘full screen’ option?
Thanks!
Hey ND81,
Unfortunately the Nectar Slider fullscreen option won’t be able to help with this, though I’ve noted the idea on the wishlist. For now a third party slider would be needed for that functionality
I’m trying to put a phone number in the main menu (not secondary nav) off to the right, found your article below, but my menu is center aligned so it seemed there weren’t any resources to help accomplish this. Any css hacks on this!? Yall should incorporate your next theme with better controls for a phone number in the menu. There’s tons of pple asking for it online. It’s an extremely common thing for clients to ask for.
http://themenectar.com/docs/salient/pull-right-nav-items/ http://site-tonight.com/jennifer/Hey SiteTonight, as of now that would require some custom modding but i’ve noted the idea on the wishlist
I like the Off canvas menu, it’s beautiful on mobile. But whenever I turn it on, it shows up on desktop too, which is like, unnecessary – because there’s already a regular navigation menu there. How can I keep the off canvas menu ON, but JUST for mobile? Thankyou!
http://site-tonight.com/jennifer/looks like I fixed it with some code I found on your forum, Thanks!
/Hides Off Canvas Menu Icon/ li.slide-out-widget-area-toggle { display: none !important; }
Hey SiteTonight,
glad you were able to sort it
Cheers
Hey,
Do you know a way of not minifying the pre or code tags?
When i put a raw code in a < pre > or < code > tags they get minified and it looks very strange.
Any idea of how to prevent these tags getting minified? I still want the other content of the page to be minified but not these tags, not sure if its even possible but thought asking here.
Thanks
Hey toolbox101, could you kindly share a page URL where I can take a look at an example of this occurring?
Thanks in advance
Just sent you a privet message about this, provided the link and a screenshot.
Please let me know if I can get this working. Thanks
Sent you privet message, any feedback?
Hey toolbox101, I responded earlier today in regards – sorry for the delay
Cheers
Got your email, thanks for getting back. I understand its how the minify option works. I do not want to install a syntax highlighter plugin cuz it adds extra requests to the server and its site wide.
Is there a way to control the hight mentally with css?
Right now its on auto, but how can i give it a max hight or just fixed hight so the container stays at its fixed hight. I think that would ignore the minify settings and stay to its specific hight.
Hey toolbox101, you can set a minimum height with CSS, but that won’t cancel out the effect HTML minifcation is having on the format:
code {
min-height: 400px;
}
Hello! I am trying to get rid of the Google Plus social button in my menu bar but for some reason the theme has no option to remove it (featured here https://astralassets.com/)
I have made sure that there is no Google + url/link in the settings but it still remains. Is there a way to remove it? Thanks!
Hey nickward20
Can you verify that it is disabled in the Salient options panel > header navigation > layout related tab as well?
Cheers
Solved, my fault
Solved, my fault
Hey ofmarconi, glad to hear you sorted it
Cheers
Hello
I like this http://themenectar.com/demo/salient-service/ May I know If I buy your theme I will get the same as your demo theme ?
Thanks
Hey wetisalat, yes that demo along with all the others showcased are available to import. However, please note that the stock images will be replaced with placeholders.
Cheers
Hello
Do you have any idea what could be causing the text cursor to display on the select2 dropdown when viewed on mobile devices?
Screenshot – https://www.dropbox.com/s/b0dt1cez4d62dt0/2019-01-21%2016.46.30.png?dl=0
Note – the issue can only be replicated on mobile devices and is not present when using Chrome’s inspect tool.
I am using the latest version of Gravity Forms.
I have tried disabling all plugins and custom CSS but the problem persists.
Thanks, David
Hey David,
select2 normally allows for a searchable input that will narrow down the dropdown results at the top. Could you kindly share your actual URL so I can take a closer look?
Thanks
Hi
The link for the issue displayed on the screenshot is https://davidosullivan.xyz/sunlight/contact/#enquiry, but the issue is there for each form on the site.
Note – I have applied custom CSS to the dropdown, but disabling my changes does not appear to correct the issue.
Thanks for your help.
Best, David
Hey David,
Thanks for sharing the URL – when I inspected it in the browser console I can see that there is an input there that’s currently being hidden which is what the select script is trying to focus on when opening: https://ibb.co/MPYhpfb – are you adding that in anywhere? If you’re not sure where it’s coming from Please open a ticket on our support forum in regards with temporary admin credentials so we can take a closer look into this: https://themenectar.ticksy.com
Thanks in advance
Hi,
We’re using your ‘E-commerce Ultimate’ demo/header style and there is no menu appearing on mobiles or any theme options to set one, what do we do?
Thanks
Hey Micatuca,
Could you please share your site URL so I can take a look why that’s occurring for you?
Thanks in advance
Hi,
I have succesfully enter my adobe typekit id in the header.php of my Salient-Child theme : <script src=”//use.typekit.net/xxxxxxx.js”></script> <script>try{Typekit.load({ async: true });}catch(e){}</script>
I have succesfully modify Function.php in Salient-Child theme : function salient_redux_custom_fonts( $custom_fonts ) { return array( ‘Custom Fonts’ => array( ‘neue-haas-grotesk-display’ => “Neue Hass Grotesk” ) ); } add_filter( “redux/salient_redux/field/typography/custom_fonts”, “salient_redux_custom_fonts” );
It does work , i can select My font in the salient typographie config panel. But it only display font-weight 400 and 700. 100,200,300,500,900 are missing ? Do you have any idea on what i’m doing wrong ?
Cheers !
Hey fantome_in,
As of now redux only allows those values by default for custom fonts, however you can alter the file which sets those to add in any you need. The file is nectar/redux-framework/ReduxCore/inc/fields/typography/field_typography.js
once inside, run a search for the line:
'400': 'Normal 400',
I also noted to modify this for the next release to include all.
Cheers
Thanks a lot for your help. I also had to modify additional files to make it work properly.
field_typography_json.min.js
field_typography_json.js
field_typography.min.js
field_typography.js
cheers
As a side note that woule be cool to be able to use typekit font directly in salient, by just having to enter the TypeKit ID inside a field in the typography config panel.
Hey fantome_in, thanks for the request – i’ve noted your +1 for the idea
Hey. Can you tell me if there is any possibility to add a Instagram feed in the same design as the testimonial slider?
Thank you.
Hey felixxliedtke,
Unfortunately there’s no instagram integration directly built into Salient, a third party plugin would be required
Hi. I have one problem with the menu main, I use “Centered Logo Between Menu”. But when I’m show it on iPad device landscape, the items is not show together with logotype.
https://imgur.com/a/fg3XcWSURL: http://lamosquetavalencia.com/ Regards.
Hey alandres,
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: 1200px) {
body #header-outer[data-lhe="animated_underline"] header#top nav > ul > li > a {
margin-left: 25px;
margin-right: 25px;
}
}
Cheers
Thank you guys!
You’re welcome alandres
