Catchbox – menu background colour chaning on tablet

  • Hi All
    I’m using Catch Box
    when viewing my site: https://bbay.u3anet.org.au
    On a PC/Laptop the menu background is blue, but on a tablet it changes to black, making the submenus difficult to read. I can’t find anything in the Theme customise menu so…

    How do I either:
    1. Stop this happening?
    2. Or put in a command to change the colour when viewing on a mobile device.

    cheers Mike

Viewing 1 replies (of 1 total)
  • melinda a11n

    (@melindahelt)

    Automattic Happiness Engineer

    This theme is built with a mobile menu, that’s controlled with a different set of CSS, so you will need to write some custom CSS to edit that menu.

    If you go to Appearance/Theme options and paste the following code in the Custom CSS Styles box, it should take care of most of the issues.

    If you don’t like the exact colors, you can experiment by changing the hex color numbers below. You can read more about hex colors at: https://www.hexcolortool.com

    .menu-access-wrap {
    background-color: #4eafc0;
}
.mobile-menu-anchor a.genericon-menu {
	color: #ddd;
}
.mobile-menu-anchor a.genericon-menu:hover,
.mobile-menu-anchor a.genericon-menu:focus {
	background-color: #eee;
	color: #000;
}
.sidr {
	background-color: #4eafc0;
	color: #eee;
}

    Hope this helps. If not, reply back here once you’ve made some of these edits and I’ll take another look.

Viewing 1 replies (of 1 total)
  • The topic ‘Catchbox – menu background colour chaning on tablet’ is closed to new replies.