Problems with menu when decreasing resolution

[K1nley]

Hi,

I have a UI problem. When I go under a specific resolution, instead of the burger menu appearing, the menu just gets stacked under the logo.

I am unable to find where I can change these settings, so that when a specific resolution is reached, the menu folds into a regular burger menu.
Any help would be highly appreciated.

Kind regards,
Julian

[friech]

Hi Julian,

Thank you for writing in, the mobile menu will appear not until on screens 979px and below, but we can make that appear sooner, please add this to Theme Options > CSS

@media (min-width: 980px) and (max-width: 1240px) {
	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;
	}
}

Hope it helps,
Cheers!

[K1nley]

Perfect! That works indeed!

Thanks!

[ruenel]

You’re welcome!
We’re glad @Friech were able to help you out.