Return to previous page

Menu on mobile devices - by guz.alonsomartinez@gmail.com

This topic has 2 replies, 2 voices, and was last updated 7 years, 8 months ago ago by Rose Tyler

guz.alonsomartinez@gmail.com

Participant

August 10, 2016 at 12:40

Hello there.

Can you pass me the piece of CSS code that allows me to change all the colors on the menu that is displayed in mobile devices such as celphones or small tablets?. Right now is all dark, the background and even the letters.

I’d like to change the backgroud color, the menu items and also the background and letters at subitems.

Thanks a lot.

Cheers

#136228 Copied

1 Answer
Rose Tyler

Support staff

August 10, 2016 at 13:16
Hello,

Use this css code to change mobile menu background and font color:
```
.mobile-nav {
    background-color: #f7be68;
}
.mobile-nav-heading.close-mobile-nav {
    background-color: #f7be68;
    color: red;
}
.mobile-nav li > ul {
    background-color: red;
}
.mobile-nav li > ul:before {
    border-bottom-color: red;
}
.mobile-nav li > ul > li ul{
    background-color: #f7f7f7;
}
.mobile-nav li > ul:before { 
    border-bottom-color: #f7f7f7;
}
.mobile-nav li > ul > li a {
    color: #000;
}
```
Change color to yours.

Regards,
Rose Tyler.
#136232 Copied
Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Hosting Store – WordPress WooCommerce Theme

lazy-placeholder

Sport Store – WordPress WooCommerce Theme

lazy-placeholder

Eco Scooter Store – WordPress WooCommerce Theme

lazy-placeholder

Rental Car – WordPress WooCommerce Theme

lazy-placeholder

WooPress Fullwidth

lazy-placeholder

Handmade Store – WordPress WooCommerce Theme

lazy-placeholder

Minimal Fashion Store – WordPress WooCommerce Theme

lazy-placeholder

Onepage Store – WooCommerce Theme

lazy-placeholder

Designers – WordPress WooCommerce Theme

lazy-placeholder

Sushi Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.