[awineyParticipant]

I am trying to set the mobile breakpoint for my menu but there seems to be an issue. I am using the following code, but no matter what, the mobile button appears at 979px.

@media (min-width: 701px) {

.x-nav-wrap.desktop {
display: block;
}

.masthead-inline .x-btn-navbar {
display: none;
}
}

Website is http://www.winonaheritageroom.com/wordpress

Thanks!

[FriechModerator]

Hi There,

Thank you for writing in! You almost got it, please update your css code to this.

@media (min-width: 701px) and (max-width: 979px) { 
	.masthead-stacked .x-btn-navbar {display: none;}
	.x-nav-wrap.desktop {display: block;}
}

Hope it helps, Cheers!

[Author]

Posts