Menu background on mobile devices

  • Resolved neilwilliamsceng

    (@neilwilliamsceng)


    5 months, 3 weeks ago

    On my site, the primary menu on a laptop is black text on a white background. On mobile devices, the background colour changes to dark grey, making the text almost unreadable, apart from the dropdown arrows which appear white. Can you please help me to change the background colour to white and the dropdown arrows to black on mobile devices?

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Hi there,

    Thanks for using Period!

    Normally, the text in the mobile menu will switch to white so that it is readable. It looks like the site has the following custom CSS added to it, and this is keeping the menu links black:

    .menu-primary a,
    .menu-primary a:link,
    .menu-primary a:visited {
      color: #000
    }

    If you just remove that code from the site’s custom CSS, that will make the menu easy to read for both mobile and desktop devices.

    Thread Starter neilwilliamsceng

    (@neilwilliamsceng)

    Thank you, Ben. That worked perfectly! (I don’t remember adding the CSS code in the first place but it must have been me!)

    Thank you for your quick response.

    Theme Author Ben Sibley

    (@bensibley)

    You’re welcome!

    Stay in touch if you need anything else, and I’ll be happy to help.

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.