Dropdown Menu Background

[Jordan]

I would like to change the background color, and the width of the dropdown menus from the nav. My url is http://ramonasoulpurpose.com. The dropdown menu in question is under the SoulPeaceProject tab on my nav. I can’t figure out how to do it? How can this be done?

[Sonal S Sinha]

Hi Jordan,

Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box

Add this code there:

.header .header-inner .nav ul li ul li a{background:#000000 !important; width:190px !important;}

Regards,
Brad

[Jordan]

That worked great for the desktop but the mobile version is still messed up. How can I fix that? Thanks for the help!

[Sonal S Sinha]

Hi Jordan,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

@media screen and (max-width:979px) {
.header .header-inner .nav ul li a, .header .header-inner .nav ul li ul li a { color:#282828 !important;}
.header .header-inner .nav ul li ul li a { background:transparent !important;}
}

Regards,
Brad

[Author]

Posts