Change Menu Background Color Mobile

Hi All,

This has me stumped, im trying to change the background colour of the drop down navigation menu for mobile. I have tried using the CSS codes posted on here but have no luck.

How do i change it to white background and black writing

website is: yourcleaningbiz.com

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 1199px) {
      .menuStyle1 .main-navigation {
        background-color: #e2e5f2 !important;
      }  
    }

I hope this reply helps.

Stay safe.
Have an excellent day :slight_smile:

Regards,
Kharis
aThemes Support

Hi Kharis,

That worked perfectly, thanks for that. How can i change the Hover colour

Thanks

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 1199px) {
      .menuStyle1 .main-navigation a:hover {
        color: #ff0000 !important;
      }  
    }

Regards,
Kharis
aThemes Support

Thanks Heaps,

I have also run into another issue, For blog posts the Header seems to come in black, see this link.

How do i change to white

Hello there,

Please take a screenshot of your issue and add some annotations, so I can exactly get the solution to suggest.

Stay safe.
Have an excellent day :slight_smile:

Regards,
Kharis
aThemes Support