38304 comments found.
Hi,
I have a few questions regarding menu items, can you help with css? I use material skin.
1. I am trying to change the cursor to default for mega menu titles because these are fake links with html # symbole. for example, in this demo https://themenectar.com/salient/ecommerce-ultimate/ you have shop > Categories. how do i target the title only to change the curser to default?
I use this CSS but it changes everything, including the actual inks.
#header-outer[data-lhe="animated_underline"] li>a .menu-title-text {
cursor: default;
}
2. For Megamenu i have 4 columns, I want to hide the last column on mobile and tablet only but I dont see on option under Menu Item Options, it only hides the text, how can I hide the whole column? https://imgur.com/a/C47Xc0V
3. I don’t see an option to center the text or description for this menu section https://imgur.com/a/fjOVF73
Thanks
Hey toolbox101,
You can use the following CSS to target only links which have # for the link: https://pastebin.com/4FPhrkW3
Please open a ticket on the support forum in regards when posting multiple questions, as this comment area is not the correct location.
Kind regards
Hello, I installed the demo of the site and now I purchased the parts. But I didn’t see any place to activate it. Please I request help regarding this issue. Also, when I disable a plugin, it gives an error. Please I am waiting for your help
Whatsapp +905436005918
y: stdClass::$plugin in /var/www/u2421790/public_html/moliendocoffee.ru/wp-includes/class-wp-list-util.php on line 168
Warning: Undefined property: stdClass::$plugin in /var/www/u2421790/public_html/moliendocoffee.ru/wp-includes/class-wp-list-util.php on line 168
Error: Failed to execute ‘removeChild’ on ‘Node’: The node to be removed is not a child of this node. at $r (https://moliendocoffee.ru/wp-includes/js/dist/vendor/react-dom.min.js?ver=18.2.0:10:75182) at Kr (https://moliendocoffee.ru/wp-includes/js/dist/vendor/react-dom.min.js?ver=18.2.0:10:76434) at Yr (https://moliendocoffee.ru/wp-includes/js/dist/vendor/react-dom.min.js?ver=18.2.0:10:76896) at Kr (https://moliendocoffee.ru/wp-includes/js/dist/vendor/react-dom.min.js?ver=18.2.0:10:76584) at Yr (https://moliendocoffee.ru/wp-includes/js/dist/vendor/react-dom.min.js?ver=18.2.0:10:76896) at Kr (https://moliendocoffee.ru/wp-includes/js/dist/vendor/react-dom.min.js?ver=18.2.0:10:76584) at Yr (https://moliendocoffee.ru/wp-includes/js/dist/vendor/react-dom.min.js?ver=18.2.0:10:76699) at Kr (https://moliendocoffee.ru/wp-includes/js/dist/vendor/react-dom.min.js?ver=18.2.0:10:76584) at Yr (https://moliendocoffee.ru/wp-includes/js/dist/vendor/react-dom.min.js?ver=18.2.0:10:76896) at Kr (https://moliendocoffee.ru/wp-includes/js/dist/vendor/react-dom.min.js?ver=18.2.0:10:76584)
We really couldn’t find where to enter the license coding.
Hey basssuplement, I followed up with you via email earlier today.
Kind regards
Hi,
I’m using the Post Loop Builder widget with custom post types and custom taxonomy.
Despite selecting to display categories, it doesn’t show the categories of the posts. Does this option not work with custom taxonomies?
Regards.
Hey debelop,
IF you’re referring to the meta categories, those will only display when using the default post type or the Salient Portfolio post type. However, we are currently working on additional functionality for the Post loop builder to allow for much more control over CPT data.
Kind regards
hi any way to put 4 or 5 columns in category? https://cordaipoal.com/category/concert/
Hey dimage,
You can make that change by adding adjusting the width of the columns via CSS like so:
@media only screen and (min-width: 1000px) {
.archive .masonry-blog-item {
width: 23%;
}
}
Kind regards
great thanks
You’re welcome, dimage 
When I imported the demo “Corporate 2” it has a different background video on the home page header area than the one in your demo. Where do I change this video, and is it possible to use the one in your demo?
Nevermind, I found it.
Hey VariousArtists, I’m glad you were able to find what you were looking for.
Kind regards
hi there,
can you provide the “code” of all elements examples. Cause in the prebuilt demos a lot of the elements are missing that are shown on https://themenectar.com/salient/
so it would be easier to copy some styles and examples.
best regards, Flip
Hey Flip,
All of the Salient elements are used in various importable demos. However, if you’re trying to get access to the setups used for the example element pages we would need to provide those for you manually. Please open a ticket on the support forum in regards with the specific pages you’re looking for.
Kind regards
Hi there,
thank you for your quick response. That´s awesome support. I will open up a ticket.
regards, flip
Thanks Flip 
Hi,
Long time user of this awesome theme!
Hopefully a quick q.
I’m using the sticky media sections and in the ‘Content Spacing’ drop down list it only goes to 20%. I’d like this spacing to be 5% if possible. How can I make this happen?
Many thanks in advance!
Hey startdig! I’m glad to hear you’ve been enjoying Salient!
You can make that change by adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:
#ajax-content-wrap .nectar-sticky-media-sections .nectar-sticky-media-section__content-section:not(:last-child) {
margin-bottom: 5vh;
}
Cheers
Thanks for this. I was expecting this to adjust the spacing between the media and content columns but it didn’t make a difference. Will it need some custom CSS to reduce the spacing between the media and content column? Any help would be really appreciated
thanks
Hey startdig, the CSS I provided alters the vertical gap between the content that scrolls. If you’re trying to instead change the horizontal space between the content and featured media, you could this:
@media only screen and (min-width: 1000px) {
#ajax-content-wrap .nectar-sticky-media-sections {
gap: 3%;
}
}
If that doesn’t work for you, please share your URL so that I can take a peek.
Cheers
Unset image dimensions>>
I see in the front-end still many image dimensions are loaded. I thought this was more managed by the ‘images sizes’ in general settings, but I am not sure this is the case?
In the past we also used the code below. Is this the same as the back end option for image sizes? Or is this different? Some image dimensions always seem to be loaded, even if I unset them. I am not sure why?
function salient_child_mod_srcset( $sources ) { if( isset($sources[‘150’]) ) unset($sources[‘150’]); if( isset($sources[‘350’]) ) unset($sources[‘300’]); if( isset($sources[‘350’]) ) unset($sources[‘350’]); if( isset($sources[‘350’]) ) unset($sources[‘375’]); if( isset($sources[‘350’]) ) unset($sources[‘500’]); if( isset($sources[‘350’]) ) unset($sources[‘600’]); if( isset($sources[‘768’]) ) unset($sources[‘768’]); return $sources; } add_filter( ‘wp_calculate_image_srcset’, ‘salient_child_mod_srcset’ );
Hey dzineee,
The options within Salient > General > Image sizes will determine what sizes that Salient registers into WordPress which will be used when uploading new images. i.e. which image sizes get created. The filter you’re using is only related to limiting the output of sizes within srcset tag on the frontend. Kindly open a ticket on the support forum if you’d like us to take a deeper look at your site to assist.
Thanks in advance
Layout Shift
Google Pagespeed is throwing a warning for large Layout Shift on product pages, relating to the following div:It gives a Layout Shift Impact around 0.48 Would there be anything to improve this?
Hey dzineee,
There is no known CLS issue with single product pages: https://pagespeed.web.dev/analysis/https-themenectar-com-salient-ecommerce-robust-product-acne-defense-cleanser/7xlvvw5cxu?form_factor=desktop
Kindly open a ticket on the support forum in regards with your site information so we can take a closer look into the setup
Cheers
Hello, I am now using https://theeventscalendar.com and the event page is no longer mobile responsive. I have tried several options by the creator to no avail. Do you have any suggestions? Below is one of the pages not responding. Thank you in advance for any help you can provide. https://fabentertainmentgroup.com/event/an-evening-with-junkyard-and-jetboy/
Hey katt101, It looks you could correct that with a simple CSS rule such as:
@media only screen and (max-width: 1000px) {
#tribe-events-pg-template {
max-width: 100%;
}
}
You can add that into the CSS box located in the Salient options panel > General Settings > CSS/Script related tab.
Kind regards
OMG that was easy. I tried everything but that. Thank you so much!! ThemeNectar is always the best!
I’m glad I could help, katt101 
Cheers
Hi I am trying to make a 2 column list with a photo / icon to the left and text to the right.
I found that using a 2 column horizontal item list is 90% of what I am trying to do but cannot customize the icon/image and restricted to the provided icons.
How can I make a list like this example with custom images/icons? Thanks! https://chrisgrenier.com/wp-content/uploads/2024/01/Screenshot-2024-01-16-at-2.15.45 PM-1.pngHey svtmuscle 
You could create a row which contains multiple inner rows (one for each icon/text pair) and set those inner rows to display their content inline instead of vertically stacked. Here’s an example you can copy and paste into your editor:
https://pastebin.com/yWEyRz8mCheers
First off, thank you for your awesome theme! The problem I’m facing is that the cart page (with as well as without products added) looks totally different from your demo at https://themenectar.com/salient/ecommerce-creative/cart/ I am aware of the fact that WooCommerce is using the blocks by default, but I would very much like to discard that functionality and just make it so that the cart page looks exactly like the one of your demo. And therefore I would appreciate your help on the steps that I should take in order to achieve the same look as per your demo site. Later edit: I noticed the same issue regarding the checkout page. Please advise. Thank you!
Hey DaniMun! I’m glad that you’re enjoying Salient 
You can still use the previous WooCommerce cart/checkout by following the steps outlined here.
Cheers
Thank you for the answer, ThemeNectar! It took me a while to figure out exactly what is necessary to do in order to achieve the same visual layout as per the demo, as the WooCommerce documentation you mentioned is mostly focused on explaining the replacement of shortcodes with blocks. Which is the opposite of what I was trying to achieve. After much time spent on trying to make this work, it turned out to be an extremely easy procedure: I just deleted the default WooCommerce-generated blocks code and simply pasted the [woocommerce_cart] shortcode in the backend editor. As for the Checkout page, I followed exactly the same approach and pasted in the [woocommerce_checkout] shortcode.
Hey DaniMun, I’m sorry that it took you a bit to get it figured out! I just created a quick tutorial in our documentation to make sure the process is clearly laid out for others who may run into the same issue 
Cheers
Hey egzon1004, in the Salient options > Header navigation > Off canvas menu tab, you can enable the option labeled “Off Canvas Menu”. After doing that, you can assign menu items to that location instead of the default header navigation in Appearance > Menus.
The Social Media icons can also be configured from the Salient options > Header navigation > Layout & Content related by enabling the option labeled “Enable Social Icons”.
If you would like further assistance with your specific setup, please open a ticket on the support forum in regards
Thanks in advance
Hi, thanks for your help. I fixed it. One last thing: can we add logo on that Off Canvas Menu?
Hey egzon1004,
The slide out from side style doesn’t provide a logo overlay by default so you would need to add that through custom CSS or a file modification through your child theme.
Kind regards
Thanks. Is any way that we can make the Off Canvas Menu to open only when we click on it, not in hover for this option: https://prnt.sc/f_AFBI-0MRMK If I choose slide out from right it moves all the page to display the menu. I want to choose style like Slide out from right Hover triggered option but the menu to display when we click not when we hover. Is any option like this?
Hey egzon1004,
Changing the hover event to be a click instead would require custom modifications to the underlying JS to the theme. It would be easier to modify the other style to move differently with CSS. If you’d like assistance with that, kindly open a ticket on the support forum in regards
Hello Team,
Using Salient’s page submenu (https://themenectar.com/salient/elements/page-submenu/), but on mobile, with only two options, it collapses into a menu. I’d like it to look the same as the desktop. Is there a quick way to do this?
Thanks, Prince
At present I am using this CSS to do the trick.
@media only screen and (min-width: 1px) and (max-width: 999px){ .page-submenu .mobile-menu-link {display: none} .page-submenu ul {top: 0;display: flex} .page-submenu ul li {flex:1} }
If there’s something else please let me know.
Hey princebhalani143, that CSS is a valid way of making that modification.
Kind regards
Wishlist Request that will make the product even better:
More notations to easier find which fonts controls which elements. I already see some information in there for certain areas such as footer titles, blogs, etc. However, I couldn’t easily locate which font controlled the portfolio titles.
Also, is it possible to have a separate, dedicated (but shared) font setting for portfolio/blog titles and captions?
For example: “Portfolio/Blog Titles” & “Portfolio/Blog Captions”
Hey arteest,
We’ve moved to explicitly providing the option for newer elements to select which heading to inherit the typography from, for example the post loop builder:
However, I’ve noted your idea to bring that to the Portfolio as well.
Kind regards
Ohhhhh… that actually makes sense and it’s something I hadn’t noticed before. Very cool. This may sound crazy (and petty, lol) but I really love the simplicity of the pagination style in the original portfolio. The small, minimalistic buttons/numbers were super clean. Can that pagination option be added to the new post loop module, in addition to the lower-center LOAD MORE button?
Also, where can I take this convo offline to chat with you guys? You’re one of my favorite devs and I don’t want to bombard you in the forums with my nerdy wishlist questions
Hey arteest,
I’ve noted your +1 for a regular pagination option in the Post Loop Builder 
You can always reach out via the contact form on my author page in regards
Cheers
Hi TN,
Hope you’ve had a good start to the year.
I saw you mention a new builder for the MegaMenu for the next version; sounds very interesting and likely something that would solve a design issue I’m dealing with. Have you got an approx. ETA on the new version, or is there a Beta available yet?
Thanks in advance
Hey ND81, Happy New Year!
We haven’t started the public beta for the next version of Salient yet, but check back in the next couple weeks on the change log for updates on that 
Could you help me by providing css to completely get rid of a posts header, so the content is the first thing you see, like a page?
Hey joshfiddy,
You can make that change by switching to the “Featured Media Under Heading” blog header type in the Salient options > Blog > Single Post header tab, and then adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:
.featured-media-under-header {
display: none;
}
Kind regards
Hello, I have updated to the latest version but I have problems in particular with the ANIMATION REVEAL ROTATATE FROM LEFT animation, sometimes it goes sometimes it doesn’t and it doesn’t show me the image.
Hey Italc, since there’s no known issue with that animation style currently I would need to see the page URL where the issue can be observed in order to assist.
Kind regards
“solved” – sorry
Hey dzineee,
I’m glad you were able to find what you were looking for 
Hi, can you show me to solve this issue mobile menu when tested/used iphone https://prnt.sc/yFhPa_1w3hH9. Looks fine if using android https://prnt.sc/2iQIIw0GE3p1. We’re using Salient theme MAG
Hey shaky512,
Try adding in the following CSS snippet:
.off-canvas-menu-container .sub-menu {
transform: none!important;
}
Kind regards