Mobile Nav Menu Color Change

  • Resolved missusb

    (@missusb)


    7 years, 1 month ago

    Why am I struggling with this theme?

    I’ve added this code to my additional settings but it’s not working. What I want to do is change the background colour of the mobile drop down menu as currently it’s white text on white background (nightmare!)

    I copied the same code from our old website into this new one but it isn’t working for me.

    Help?

    }
    #mainnav-mobi {
    background-color: #ffdddd;
    }

    #mainnav-mobi ul li {
    border-color: #ffdddd;
    }

    #mainnav-mobi ul > li > a {
    color: #ffdddd;
    }

    /* Sub menu */

    #mainnav-mobi ul.sub-menu {
    background-color: #ffdddd;
    }

    #mainnav-mobi ul ul.sub-menu li {
    border-color: #ffdddd;
    }

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

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

  • Hello @missusb,

    Thank you for reaching out to us!
    Please add the following code in Appearance > Customize > Additional CSS:

    
#mobile-menu .dropdown-menu {
    background-color: tomato;
}

    This should change the background color to the drop-down menu on mobile.
    Please give it a go and let me know how it goes!

    All the best,
    Mihaela

    • This reply was modified 7 years, 1 month ago by Miha.
    Thread Starter missusb

    (@missusb)

    Thank you Mihaela!

    that did the trick.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Mobile Nav Menu Color Change’ is closed to new replies.