This topic has 8 replies, 2 voices, and was last updated 5 years, 9 months ago ago by Rose Tyler
Hi Support,
I’m not sure how to modify the background color to black on CSS file for sub-menu of mega main menu (main-niv)?
I tried this below but no luck.
.main-nav {
background-color: black;
}
.main-nav .menu li a {
color: white;
font-size: 16px;
font-family: Open Sans;
}
.main-nav .menu > li .nav-sublist-dropdown ul li {
background-color: black;
}
.main-nav .menu > li .nav-sublist-dropdown .container > ul > li a {
border-left: 1px solid black;
border-right: 1px solid black;
border-top: 1px solid black;
border-bottom: 1px solid black;
}
Thanks and Best Regards,
Thomas
Hello,
Have you cleared cache?
Please provide URL of your site.
Regards
Hi Rose,
Yes, I did.
Please try the “Brand” menu.
Thanks and Best Regards,
Thomas
Hello,
Please change this code
.main-nav .menu > li .nav-sublist-dropdown ul li {
background-color: black;
}
to
.main-nav .menu > li .nav-sublist-dropdown {
background-color: black !important;
}
Regards
Hi Rose,
It worked. Many thanks.
Can I ask you one more question? How come under my “Account” it showed up a lot of links? How can I delete it?
Best Regards,
Thomas
Hello,
You’re welcome!
WooCommerce > Settings > Advanced > Account endpoints.
Also, you can create own menu Appearance > Menus > http://prntscr.com/mr9wn0
Regards
Hi Rose,
Well Noted.
Thanks again for your great help.
Best Regards,
Thomas
Hello,
You’re welcome!
Have a nice day.
Regards
The issue related to '‘How to modify the background color for sub-menu of mega main menu (main-niv)?’' has been successfully resolved, and the topic is now closed for further responses