mobile website menu

[emmanuel]

hello how to change the color of the mobile website menu

[Kieran_SQ]

Hi,

To override the mobile CSS for this element please try the below CSS in your SweetDate Child theme’s style.css by going to WP Admin > Appearance > Editor > SweetDate Child > Style.css or by going to Theme Options > Styling Options > Scroll to: ‘Quick CSS’

@media only screen and (max-width: 940px) {
.top-bar > ul .name h1 a {background: #2e5561;}
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a li a:hover, .top-bar ul > li.toggle-topbar {background: #2e5561 !important;}
.top-bar ul.left, .top-bar ul.right {background-color: #2e5561;}
}

Change the background-color value from 2e5561 to your desired color. Make sure to delete your website cache, purge your CDN and delete your local cache (Ctrl+F5) to see any changes.

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[emmanuel]

thanks it work

[emmanuel]

don’t forget to refer the GeoNames issue to the developer radu

[Kieran_SQ]

Glad it worked for you 🙂 I have referred that ticket for you to @Radu and they’ll be in touch as soon as they can.

All the best,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts