Responsive Mobile Menu won't Expand properly

  • My site has a built in responsive feature where the menu turns into the three lines and it becomes a mobile friendly menu. Unfortunately only the first box of the menu is readable, as the other options don’t have a background for some reason.

    After looking it over in Chrome’s Inspect Elements, it seems the problem is that this part:
    <nav id="menu" class="menu-main-menu-container" style="display: block;">
    Won’t expand with the rest of the menu. That’s the part of the menu that has the background color attribute assigned to it in style-colors.php with #Header #colors { background-color:#0697e5}

    I’ve been racking my brain on this one for the past few hours, any help will be appreciated.

    My site.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    To me it just looks like the issue is that you have white text on a transparent background colour, and revealing the white of the page – white on white

    Thread Starter mrtrost

    (@mrtrost)

    Right, that is the issue, but the one part should be expanding and it’s not. If you compare my page to the way the template looks normally you’ll see what I mean: Template page.

    Thanks for looking and helping out, I’m still trying to figure this one out.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I still think it’s an issue with the colour rather than the functionality, and it looks like you can set the dropdown colour somewhere in the dashboard? Have you tried posting on your theme’s support forums? https://forum.muffingroup.com/

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Responsive Mobile Menu won't Expand properly’ is closed to new replies.

Tags