Mobile Menu Width Issue

alchemidesign

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

alchemidesign

Thank you so much! That worked.