[Resolved] Mobile Menu Issues

Home Forums Support Mobile Menu Issues

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1381566
    Rachel

    I can’t use the mobile menu function because the header bar goes white and the logo and menu is no longer visible. So instead I am using the regular header for mobile but the drop down menu is too hard to read on the mobile version against the background image. I’d like to add some sort of overlay to add a background colour as an overlay but when I add it, it also applies to the desktop view.
    How can I add this just to the mobile view?

    Either that or get the mobile header working so the icons and menu is visible. Again just for mobile view.

    #1381765
    David
    Staff
    Customer Support

    Hi there,

    try adding this CSS:

    @media (max-width: 768px) {
        .main-navigation, .main-navigation ul ul {
            background-color: #fff !important;
        }
        .main-navigation .main-nav ul li a, .menu-toggle,
        .main-navigation .mobile-bar-items a {
            color: #000 !important;
        }
    }
    #1389254
    Rachel

    That’s great, thanks!

    #1389308
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.