Menu resizing for mobile

Support
#1

Hello,

Is it possible to set the browser size at which point my menu will turn into the mobile menu in the customizer’s css? I would prefer this than my menu dropping into two lines when the window resizes.

The website is http://www.creative-photographer.com/

Thanks, Andrew

#2

Hi there,

It is not possible to do so, but you can add the code below to X > Launch > Options > CSS which will handle the problem:

@media (min-width: 980px) {
	body .x-navbar .desktop .x-nav > li > a {
		font-size: 10px;
	}
}
@media (min-width: 1030px) {
	body .x-navbar .desktop .x-nav > li > a {
		font-size: 11px;
	}
}
@media (min-width: 1100px) {
	body .x-navbar .desktop .x-nav > li > a {
		font-size: 12px;
	}
}
@media (min-width: 1175px) {
	body .x-navbar .desktop .x-nav > li > a {
		font-size: 13px;
	}
}
@media (min-width: 1250px) {
	body .x-navbar .desktop .x-nav > li > a {
		font-size: 14px;
	}
}

Thank you.

#3

Thanks, that worked perfectly.

#4

Really glad that we could be of help!

Cheers

#5

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