Change mobile menu canvas color?

Asked on October 16, 2015 in Customization.


I am trying to change the mobile menu canvas color, but cannot locate it. How to change it from a rather dull grey background to somethin more upbeat?

Also, how to change the default black inverted top menu background to another color?


bacekjon108 Layers User
  • Possible Answers to Your Question:

  • 1 Answer(s)
    Answered on October 21, 2015.

    Hi there,

    The following provides some great tips on how to customize colors or elements in Layers without using a plugin:

    How to Customize Your Site With CSS

    The mobile sidebar is actually transparent and showing you your body background. You can change it like this:

    body{background: #FFF;}

    The top bar is targeted with header-secondary:

    .header-secondary{background: #FFF;}

    To change the color of links inside these elements, you need to target them specifically, and manually changing colors will not trigger the invert. It gets complicated with the sidebar because there are several menus and widgets with different selectors. The following should get you going though:

    .header-secondary .nav-horizontal li a{color: #000;}

    You may otherwise change these colors from the customizer with the ColorKit extension.