Return to previous page

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

This topic has 2 replies, 2 voices, and was last updated 8 years, 3 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

Games Dark – WordPress WooCommerce Theme

lazy-placeholder

Ecotransport Store – WordPress WooCommerce Theme

lazy-placeholder

Organic Store 01 – WordPress WooCommerce Theme

lazy-placeholder

Pizza Store – WordPress WooCommerce Theme

lazy-placeholder

Language Courses – WordPress WooCommerce Theme

lazy-placeholder

Drinks Store – WordPress WooCommerce Theme

lazy-placeholder

WooPress Fullwidth

lazy-placeholder

Electron Store 02 – WordPress WooCommerce Theme

lazy-placeholder

Travel – WooCommerce Theme

lazy-placeholder

Mango – Responsive eCommerce PSD Template

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.