Change primary menu background color for mobile devices only

  • Resolved ajamaleddin

    (@ajamaleddin)


    5 years, 9 months ago

    Hello,

    I am trying to set a different background color for my primary menu in mobile view ONLY (the hamburger button menu). How can I do that with additional CSS?

    Thanks in advance,
    AJ

    • This topic was modified 5 years, 9 months ago by ajamaleddin.
    • This topic was modified 5 years, 9 months ago by ajamaleddin.
Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter ajamaleddin

    (@ajamaleddin)

    I tried adding the following to “Additional CSS” but it didn’t work

    #mobile-menu {
    background-color: rgba(4, 4, 4, 4) !important;
    }

    Hello @ajamaleddin,

    To change the menu’s background color only on mobile please add the following code in Appearance > Customize > Additional CSS:

    @media screen and (max-width: 800px) { #menu {
    background-color: lightblue;
} }

    All the best,
    Mihaela

    Thread Starter ajamaleddin

    (@ajamaleddin)

    Fix worked.
    Thanks for your prompt response!

    You’re most welcome!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Change primary menu background color for mobile devices only’ is closed to new replies.