Hamburger menu trigger

Where is the css that triggers the hamburger menu? We have a site that when the screen width decreases it pushes the menu text down on the slider and makes it very difficult to view. How can I make the hamburger menu appear before that happens. To view simply decrease the window size and watch the menu react.

Thank you in advance for your assistance

https://www.swjocoksedc.com/.

Hi @kstidham,

Thank you for writing in, please add this to Theme Options > CSS

@media (min-width: 980px) and (max-width: 1272px) {
	header .x-nav-wrap.desktop,
	header .x-nav-wrap.mobile.x-collapsed {
		display: none;
	}
	header .x-nav-wrap.mobile {
		display: block;
		
	}
	header .x-btn-navbar {
		display: block;
		float: right;
	}
}

Don’t forget to clear all your caching plugins/features after adding this.

Cheers!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.