hamburger menu

designerportraits · September 2018

Hi Ive been able to use csshero to get adjust the background colour of the expanded hamburger menu (when expanded) for various media queries

1024 tablet landscape / 768 tablet portrait / mobile 568px mobile landscape / 320pxmob portrait

The background colour is grey with white text when hamburger is expanded (responsive). But there is a small section where the hamburger expanded menu still shows up white with white text (purple active) that i cant resolve. IT appears to happen betwee 1200 and 1300px (i think) once you reduce res to below 1400 the hamburger background switches back to grey (presumably the 1200px query setting i have.

I cant figure out how to manually adjust the hamburger menu background using css for this small area.

CAn you help..

Here is the prototype website address

http://www.designerportraits.com.au/blog/cover

Thanks.

Pablo · September 2018

Hi,

Please paste this Custom CSS code into Theme Options > Custom CSS & JS > CSS

@media (max-width:767px){
	#Header #Top_bar .top_bar_left{
		background-color:white !important;
	}
}

Thanks

hamburger menu

Comments