Ethos Mobile Menu Styling

[madeby18]

I’m playing around here: https://madebypress.org/innovativefour/

Through other posts I figured out how to change the background color of the menu when I hover over an item in the navigational menu to #ffffff on the desktop, but I can’t figure out how to do this for the mobile. How would I do this?

Thank you,
Brad

[Prasant]

Hello @madeby18,

Thanks for asking.

Please add following CSS under X > Launch > Options > CSS to change navigation background color when viewing website on mobile:

.x-navbar .mobile .x-nav li > a {background-color: #fff;}

Thanks.

[madeby18]

@Prasant

.x-navbar .mobile .x-nav li > a {background-color: #fff;}

Hello Prasant,

Thank you! Works perfectly.

Be well,
Brad

[ruenel]

Hey Brad,

You’re welcome!
Thanks for letting us know that it has worked for you.