Mobile menu background colour and hover font

Hi There

I would like to find out if there is any way to make the mobile menu as shown below background colour from the dark grey it is now to #8c8987 I would also like to change the hover colour pink when you hover on each menu item to be #ff8800, is this possible at all? The URL is: www.no1va.com

Many thanks

Best,
Mel

You can change the color hex from this code block in custom CSS.

    .menuStyle1 .site-header, 
    .menuStyle1.page-template-template_page-builder .site-header {
      background-color:  #ff8800 !important;
    }

Try adding this custom CSS code:

    @media only screen and (max-width: 1199px) {

      .main-navigation ul li a:hover, 
      .main-navigation ul li.current_page_item > a, 
      .main-navigation ul li.current-menu-item > a, 
      .main-navigation ul li.current_page_ancestor > a, 
      .main-navigation ul li.current-menu-ancestor > a {
        color: #ff8800;
      }
      
    }

Regards,
Kharis

Hi Kharis,

Thank you so much, I really appreciate all your help :slight_smile:
Best,
Mel

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis