Menu on cellphone

  • Hi,
    My menu is working fine on the PC.
    However, on my cellphone, when I press on the menu, the options are hidden. I can still select the option, but it does not show the name of the option (as if the color of the text was the same as the menu’s background).
    How to solve this problem (knowing that on the PC there is no such problem)?
    Thanks.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • The problem is coming from bad CSS code you have in APPEARANCE => CUSTOMIZE => ADDITIONAL CSS: 

    .main-navigation.toggled-on .nav-menu, .main-navigation.toggled-on a,.main-navigation.toggled-on li.home a {
background-color: #00193a; 
color: #00193a;
}

    Here you have defined the same colour for both the background and the text. So, of course, the text will not be visible. (The “toggled” in the code explains why the destop and mobile behaviour are different: this code only works on mobile when the hamburger menu is toggled.)

    You want to change the value of either background-color or color to something different.

    Good luck!

    Thread Starter hgcoe

    (@hgcoe)

    Thanks, that worked.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Menu on cellphone’ is closed to new replies.