Docs

[Benjamin1983]

Hey Guys,
everything was good until I updated X.
Now the font-size in my menu is 16px and I can’t change it. Can you tell me what to put in my style.css to change is?!

Website is: http://www.DieWeisseLilie.com

Thanks a lot!

[Thai]

Hi There,

To change the font-size of the menu, please navigate to Customizer > Header > LINKS – TEXT > Navbar Font Size (px):

http://i.imgur.com/T3CuMrP.png

Hope it helps 🙂

[Benjamin1983]

Ha! That simple! Thanks.

Another question. Before the update I had this code in my style.css to resize the font in the menu on smaller screens.

@media (max-width: 1400px) {
	.x-navbar .desktop .x-nav > li > a {
	font-size: 90%;
	}
}

@media (max-width: 1190px) {
	.x-navbar .desktop .x-nav > li > a {
	font-size: 76%;
	}
}

@media (max-width: 1190px) {
	.x-navbar .desktop .x-nav > li {
width:9.7%;
	}
}

@media (max-width: 1052px) {
	.x-navbar .desktop .x-nav > li > a {
	font-size: 70%;
	}
}

@media (max-width: 1052px) {
	.x-navbar .desktop .x-nav > li {
width:9%;
	}
}

it seems that this is no longer working. What do I have to do, that the text in the menu is readable on smaller screens until the menu collapse?

Thank you!

[Rupok]

Hi there,

Thanks for updating. I can see these codes are overwriting by other CSS :

.x-navbar .desktop .x-nav > li > a {
  font-size: 13px;
}

Maybe you have added CSS to customizer that’s why it’s getting more priority over the style.css. You can try !important tag for the Child Theme’s CSS if you have conflicting CSS on customizer. It will be better if you find them and adjust them to avoid conflict.

Cheers!

[Benjamin1983]

I think the css what’s overwriting is the one you mentioned before. The navbar font size from the customizer. Is there a way to disable it?
Thanks again

[Lely]

Hi Benjamin,

Disabling customizer options is not recommended. What we can do is override those CSS by adding the following:

@media (max-width: 480px) {
	.x-navbar .desktop .x-nav > li > a {
	font-size: 90% !important;
	}
}

The !important will make sure that above CSS will be applied and ignore the settings in the customizer.

Hope this helps.

[Author]

Posts