Hello, I have updated our theme to the newest version, and I see that the nav drop-down has a strange black border. We would like it to look like it was on this website: https://www.telarus.com/. I have tried altering the CSS and changing the setting in the theme area, with no luck. Any help is greatly appreciated. Thank you!
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
#header-secondary-outer .sf-menu li ul, body:not([data-header-format="left-header"]) #header-outer .sf-menu li ul, #header-outer nav >ul >.megamenu >.sub-menu, #header-outer .widget_shopping_cart .cart_list li, #header-outer .cart-notification, #header-outer .widget_shopping_cart_content {
background-color: transparent !important;
}
.sf-menu >li ul a, #header-outer nav >ul >.megamenu ul li a {
padding: 10px 6px !important;
}
.sf-menu >li ul {
padding: 0 !important;
}
Thank you for the quick response, and I apologize for my delay. I noticed I could enter any CSS before, however, now that I have updated the theme files this is what I see with nowhere to enter that code. Any help on this is greatly appreciated.
I pasted that code into the WordPress 'Customize' additional CSS section and it seemed to work for me there. However, It's still strange I cannot add the code in the theme panel.
I apologize for throwing multiple issues at you at once, we can touch on this later. I noticed our submenus are also being overlapped by the main menu when you first land on a page. Once you start scrolling this fixes the issue.
Also for the css custom code issue please try checking for plugin conflicts by deactivating the third party plugins then reactivate them back one by one to see the one that causes conflicts.
Hello, I have updated our theme to the newest version, and I see that the nav drop-down has a strange black border. We would like it to look like it was on this website: https://www.telarus.com/. I have tried altering the CSS and changing the setting in the theme area, with no luck. Any help is greatly appreciated. Thank you!
This is the staging website I am working on: https://telarusstaging.wpengine.com/
Hey TelarusInc ,
Thanks for continuing to use Salient.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
#header-secondary-outer .sf-menu li ul, body:not([data-header-format="left-header"]) #header-outer .sf-menu li ul, #header-outer nav >ul >.megamenu >.sub-menu, #header-outer .widget_shopping_cart .cart_list li, #header-outer .cart-notification, #header-outer .widget_shopping_cart_content { background-color: transparent !important; } .sf-menu >li ul a, #header-outer nav >ul >.megamenu ul li a { padding: 10px 6px !important; } .sf-menu >li ul { padding: 0 !important; }Thanks
ThemeNectar Support Team
Hello Tahir,
Thank you for the quick response, and I apologize for my delay. I noticed I could enter any CSS before, however, now that I have updated the theme files this is what I see with nowhere to enter that code. Any help on this is greatly appreciated.
Thank you,
I pasted that code into the WordPress 'Customize' additional CSS section and it seemed to work for me there. However, It's still strange I cannot add the code in the theme panel.
I apologize for throwing multiple issues at you at once, we can touch on this later. I noticed our submenus are also being overlapped by the main menu when you first land on a page. Once you start scrolling this fixes the issue.
Hi There,
I am afraid, I am not replicating this issue from my end please see:
You can try clearing cache using this guide and check:https://themenectar.ticksy.com/article/6226/.
Also for the css custom code issue please try checking for plugin conflicts by deactivating the third party plugins then reactivate them back one by one to see the one that causes conflicts.
Thanks.
Hello Judith,
Try this link and see if you can see the sub-nav issue, okay I will give the plugins a try.
https://telarusstaging.wpengine.com/partners/
Thank you,
Hi There,
Please try this css:
.page-submenu li {margin: 11px 25px 0 0;
}
Thanks.