Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
Hi. The image seems to work great. But is there a way to change the links in the megamenu to be transparent? On the url you will see the links in the megamenu are in a white box.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
body[data-dropdown-style="minimal"] header#top nav > ul > li.megamenu > ul ul li a:hover {
background-color: transparent !important;
}
Hi,
I was wondering if it is possible to put images on a mega menu?
If not then what about a full background image?
Thank you
Hey Again,
Try using this plugin or similar : https://wordpress.org/plugins/menu-image/ .
B.est
ThemeNectar Support Team
Thank you for this.
Is there a way to put a background image on the megamenu or a gradient?
Thanks
Please provide the page url so that i can write up the custom css for whats possible.
Thanks
ThemeNectar Support Team
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
.megamenu ul.sub-menu { background: url(http://79.170.40.224/srdgroup.co.uk/wp-content/uploads/2018/03/dLive_front.jpg); }Thanks
ThemeNectar Support Team
That looks good. I can have a play with a gradient image and see how it works
Thank you very muchHi. The image seems to work great. But is there a way to change the links in the megamenu to be transparent? On the url you will see the links in the megamenu are in a white box.
Thank you for this.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
body[data-dropdown-style="minimal"] header#top nav > ul > li.megamenu > ul ul li a:hover { background-color: transparent !important; }Thanks
ThemeNectar Support Team
Thank you very much for this. Great help.