Return to previous page

Legenda theme mobile menu showing black on shop page

This topic has 8 replies, 4 voices, and was last updated 7 years, 11 months ago ago by Robert Hall

machineland

Participant

May 12, 2016 at 21:57

Ok after reading many of these post and responses. I have been able to add some custom code that somewhat fixes the issue but not all the pages.

https://gigisboutique.net/

Here is the code that I have used:

@media (max-width: 767px) { .mobile-nav-shown .mobile-nav {
background-color: white;
}
.side-block .close-block {
color: #000;
background-color: #FFF;
} }
.et-mobile-menu li > a {
background: none repeat scroll 0% 0% white;
}
.et-mobile-menu li .open-child {
background-color: #FFF;
}

Please let me know what I need to do to make the mobile menu background white on all pages…

#125573 Copied Theme version: 2.10.0 WooCommerce version: 4.5.2

7 Answers
Eva Kemp

Support staff

May 13, 2016 at 09:49
Hello,

Please add this code in custom.css file:
```
.side-block .close-block, .mobile-nav {
   background-color: white !important;
}
```
Regards,
Eva Kemp.
#125639 Copied
machineland

Participant

May 13, 2016 at 17:28

Ok here is what we have now…

————————————————————–

LEGENDA – 8theme WordPress theme: default.custom.css

————————————————————–

@media (max-width: 767px) { .mobile-nav-shown .mobile-nav {
background-color: white;
}
.side-block .close-block {
color: #fff;
background-color: #FFF;
} }
.et-mobile-menu li > a {
background: none repeat scroll 0% 0% white;
}
.et-mobile-menu li .open-child {
background-color: #FFF;
}
.side-block .close-block, .mobile-nav {
background-color: white !important;
}

——————————————————–

Still black on shop page and on sub menu..HELP me Help me..lol

#125741 Copied Theme version: 2.10.0 WooCommerce version: 2.5.5

Eva Kemp

Support staff

May 13, 2016 at 20:00

Hello,

You must rename default.custom.css to custom.css in wp-content/themes/legenda directory and enable Custom CSS option in Theme Options > Custom CSS.

Regards,
Eva Kemp.

#125758 Copied

machineland

Participant

May 24, 2016 at 22:34

Ok I’ve done that and it’s still black on the mobile shop page..

#127064 Copied

Stan Russell

Participant

May 25, 2016 at 07:12

Hello machineland,

please provide us with admin credentials for your site in Private content so we will be able to investigate this more deep.

Regards,
Stan Russell.

#127074 Copied

machineland

Participant

May 25, 2016 at 15:15

Mobile menu shows black on shop pages….

Please, contact administrator
for this information.

#127181 Copied
Robert Hall

Support staff

May 25, 2016 at 15:33
Hello,

I’ve added this code in custom.css. Please check.
```
.et-mobile-menu > li > ul > li a {
    background-color: #fff;
}
.et-mobile-menu > li > ul li {
    background: #fff;
}
.et-mobile-menu li.over > a {
    color: #000;
}
```
Regards,
Robert Hall
#127183 Copied
Tagged: #legenda, black, menu, mobile, page, shop, theme, woocommerce, wordpress
Viewing 8 results - 1 through 8 (of 8 total)