Menu button different colour perhaps?

[Evans]

Hi Guys!

Just curious…Is it possible to have the menu button on the mobile version home page a different colour. Currently it’s white and we feel by changing the colour slightly might highlight it more?

Thanks in advance

[Prasant]

Hello @Evans,

Thanks for asking.

I am a bit confused with your question. So let me try to give you the solution as per my understanding:

1. If you would like to change mobile menu hamburger color, please add following CSS under X > Theme Options > CSS:

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

2. If you would like to change the menu link on mobile, please add following CSS:

.x-navbar .mobile .x-nav li > a {
color: #b35d5d;
}

.x-navbar .mobile .x-nav .current-menu-item > a {
    color: #ddd;
}

3. Just a continuum to point number 1 over there. If you would like to change the mobile hamburger menu color only on the home page, please add following CSS:

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

Let us know how it goes.

Thanks.

[Evans]

Hi Prasant

Option one was exactly the info I was after thanks. Looks great and stands out so much more now thanks

Tim

[jade]

You’re most welcome, Tim.