Docs

[andrewteg]

Right now our site at http://northstarfamily.org/ works well and shows the full top menu at >= 980 px, but from 980 – about 1140px the menu wraps under our logo. We’d like to have it start showing the mobile menu at 1140 or less so it never wraps.

Is it possible to change this value?

Thanks,
Andrew

[Friech]

Hi Andrew,

Thanks for writing in! You can add this under Custom > CSS in the Customizer.

@media (min-width:  980px) and (max-width: 1141px) { 
	.masthead-inline .x-btn-navbar {
	display: block;
    	float: right;
	}
	.x-nav-wrap.mobile.collapse.in {display: block;}
	.x-nav-wrap.desktop {display: none;}
}

Hope it helps, Cheers!

[andrewteg]

Thanks, that works great. I appreciate all the support from you guys!

[Rahul]

Glad we could help you.

Thanks for your kind words Andrew!

[Author]

Posts