Return to previous page

How To change look of menu on mobile view

This topic has 6 replies, 3 voices, and was last updated 10 years, 2 months ago ago by Eva Kemp

jimboslicenc

Participant

March 20, 2015 at 02:55

Hi,

Currently on my website, my mobile view menu is not the way that I would like it to look. The background is black and it is difficult to read the blue text overtop of it. How can I change the mobile menu to a white background, but keep everything else the way that it is?

#51064 Copied

5 Answers
Robert Hall

Participant

March 20, 2015 at 08:41
Hello,

Please add this code in custom.css file

.mobile-nav, .et-mobile-menu li > a, .side-block .close-block{ background-color: #fff; }

Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

Regards,
Robert Hall.
#51089 Copied
jimboslicenc

Participant

March 20, 2015 at 18:42

Awesome! Thank you. I noticed that the line of code that you provided only changes the main nav menu items, but not submenus. What code can I use to change the submenus as well?

#51334 Copied
Eva Kemp

Participant

March 21, 2015 at 18:29
Hello,

Please use this code as well:

.et-mobile-menu > li > ul li, .et-mobile-menu > li > ul > li a { background-color: white; }

Regards,
Eva Kemp.
#51439 Copied
jimboslicenc

Participant

March 21, 2015 at 19:58

That code didn’t change anything for me…

#51456 Copied
Eva Kemp

Participant

March 22, 2015 at 19:40
Hello,

Please try to add this one:

.et-mobile-menu > li > ul li, .et-mobile-menu > li > ul > li a { background-color: white !important; }
#51518 Copied
Viewing 6 results - 1 through 6 (of 6 total)