How to change the font size of Menu Bar

I know how to change the font size of the menu bar. ??
Find this part of code, and change font size to the desired font size. DON’T forget the semicolon ” ; ” ??

.header-wrapper .menu li a{
	color:#ffffff;
	display: block;
        font-size: 11px;
	font-weight: 500;
	line-height: 48px;
	padding: 0 33px;
	text-transform: uppercase;
}

Have a great evening!

—

Thanks Omarhawwash! But how about the submenu? My submenu items break. Thanks again.

We recommend you to use child theme to change anything related to code or css

My pleasure, Philippogz.

In order to prevent the submenu from breaking, you will have to change the font-size value.

Here’s the piece of code which you need to change. Yours will be a little bit different from mine as mine is customised. The base, though, is the same.

/*** SUB-MENU ***/

.header-wrapper .main-navigation ul ul.sub-menu {
    top: 50px;
}

.header-wrapper ul.sub-menu li a{
	font-size: 11px;
}

You will find this in the SUB-MENU part of your stylesheet. Press Ctrl+F and search for Sub-menu. It will be there.

Change the font-size value to whatever you want it to be. The smaller the font size is, the smaller the chance is of the lines breaking.

Also be aware of which font you have chosen for your site, as there are some fonts that are not universal and therefore require installation by your users.

Here is a list of all universal fonts:

https://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

Have a great day! ??

Awesome! Thank you!!!!!

My pleasure!!!! ??

Please mark this as resolved by clicking the dropdown menu on the right hand side of this page, so others know that you have a solution. ??

Have a great day!