Mobile Menu not Coherent with PC Menu

I have also a problem with the Mobile Menu.

The color defined in the main (PC) version is not reported into the Mobile version.

On the main version I have White Background and Black Text (moving to green when highlighted).

But on the Mobile version, the hamburger is White (so difficultly visible) and the Background is black (so the Black text is invisible).

How to solve this?

Thanks

Hello,

First thanks for using our Astrid Pro theme!

Could you please share with us your website link/URL? So we can do a inspection, see what’s happening and send the best solution for you. Probably a few lines of custom CSS code should resolve that.

Kind Regards,

Rodrigo.

aThemes Support

www.camilleonaturel.eu

Thanks Rodrigo !

Hello,

Thanks for the link!

Please try adding the given custom CSS code below at Appearance > Customize > Additional CSS:

@media only screen and (max-width: 1024px) {
	/* Change hamburguer button color */
	.btn-menu {
		color: #212121;
	}
    
    /* Change mobile navigation area background color */
	#mainnav-mobi {
        background-color: #f4f4f4
	}
    
    /* Avoid the slider bar appearing over the mobile menu */
	.site-header {
		z-index: 1000;
	}
}

We hope this helps!

Please try that and let us know if you need further assistance.

Kind Regards,

Rodrigo.

aThemes Support

Thanks a lot Rodrigo…working perfectly !

1 Like

Hello,

You are welcome!

If you need any further help feel free to contact us.

Kind Regards,

Rodrigo.

aThemes Support

1 Like

Sorry again Rodrigo…

I also have submenus :slight_smile:

Hello,

My apologies by not providing a code for submenus too. Please try adding the given custom CSS code below:

.btn-submenu:before {
	color: #000;
}

#mainnav-mobi ul ul {
	background-color: #f4f4f4;
}

We hope this helps!

Please try that and let us know if you need further assistance.

Kind Regards,

Rodrigo.

aThemes Support

2 Likes

Perfect…thanks again

1 Like