Mobile navigation overlay

  • marizakwp

    (@marizakwp)


    1 year, 7 months ago

    Hello!
    I want to change the color of the mobile navigation overlay, does anyone know how to do it?
    Thank you!

Viewing 1 replies (of 1 total)
  • Kel Santiago-Pilarski

    (@kel-dc)

    1 year, 6 months ago

    Hey there @marizakwp!

    To change the color of the overlay, you’ll need to target the mobile menu’s background using CSS code. Go to the site editor in Appearance > Editor, click the three dot menu and select “Additional CSS”. Then add in the box this CSS code: 

    /* Change the mobile menu overlay color */
    @media (max-width: 768px) {
       .menu-toggle {
           background-color: red;
       }
    }

    Replace red; with your preferred color or choose from the W3 schools color picker.

    After adding the CSS, click ‘Publish’ to save your changes.

Viewing 1 replies (of 1 total)

The topic ‘Mobile navigation overlay’ is closed to new replies.

Tags