Mobile Menu Hamburger Background

Support
#1

Hi There,

Is there a way to change the color on the mobile menu background?

It’s currently set to the default of light gray fill with dark gray lines, and I would like to set it to black fill with white lines to match the header’s background.

Thanks!

Chris

#2

Hi There,

Thanks for the details!

Please add this CSS to your theme option -> Global CSS and let us know how this goes.

.x-btn-navbar.collapsed {
  background: #000;
  color: fff;
}

Hope this helps!

Thanks

#3

That worked great for collapsed.

Could you also please forward the code to keep the mobile menu black during hovering and when the menu is opened?

Thanks!

#4

Hi there,

Please kindly change the suggested CSS code to:

body .x-btn-navbar.collapsed,
body .x-btn-navbar.collapsed:hover,
body .x-btn-navbar,
body .x-btn-navbar:hover {
    background: #000;
    color: #fff;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar:

https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial:

https://www.youtube.com/watch?v=yfoY53QXEnI

Thank you.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.