Mobile Menu Width Issue

alchemidesign · September 2020

Hi there,

My mobile menu has CSS applied to it that is causing the width of the menu to be 80% and I would like for it to be 100%.

My website: https://www.teamcampaving.com/

The current CSS:

@media only screen and (max-width: 1239px)
#Top_bar #menu {
width: 80% !important;
}

I tried fixing it by adding @media only screen and (max-width: 1239px) #Top_bar #menu { width: 100% !important; } to the additional CSS section in the wordpress Customizer but it wouldn't overwrite the other class.

How can I go about fixing this? Thanks!

Pablo · September 2020

Hello,

Please use this CSS code into the Theme Options > Custom CSS & JS > CSS

@media (max-width:1239px){
  html body	#Top_bar #menu{
		width:100% !important;
	}
}

thanks

alchemidesign · September 2020

Thank you so much! That worked.

Mobile Menu Width Issue

Comments