Menu Item Text Size Disappeared

Same here, have the same problem even though I use a child theme…

Hi @cpcusteve and @mauko,

Thank you for the queries.

The new header layout in latest version of Sydney currently doesn’t have font size option for menu item. To load the existing setting for this enabled before updating to the latest version, you can add this snippet to a child theme’s functions or add it directly from dashboard using Code Snippets plugin.

add_action('wp_enqueue_scripts', 'sydney_child_menu_font_size', 9999);
function sydney_child_menu_font_size() {
	
	$custom_css = '';
	$menu_size = get_theme_mod( 'menu_size', '14' );
	if ($menu_size) {
		$custom_css .= "#mainnav ul li a { font-size:" . intval($menu_size) . "px; }"."\n";
	} 
	
	wp_add_inline_style( 'sydney-style', $custom_css );
	
}

Regards,
Kharis

So my next problem is to get the previous Sydney Version… I did put it into a functions php file, but with Sydney 1.83 and I don’t see any changes…

• This reply was modified 3 years, 1 month ago by mauko.

Hi Kharis, mauko

I also have the problem that I don’t have a child theme – the site will eventually be run by people who may not understand about complicated things like that, so I have to be cautious! Hopefully, an option will be added to change the menu text size in future updates.

In the meantime, I have found that the following added to the Additional CSS has fixed the problem for me, may be helpful for others!

/* Increase size of text in main menu */
.menu-header-menu-container a {
	font-size: 16px !important;
}

Hello, same for me: Menu Item Text Size Disappeared

before update: https://postimg.cc/4Hp49B59

after update: https://postimg.cc/ZC1z6rgb

https://bgmcanada.com/

I presume that I have to do the same thing. The same snippet for all the websites?

So, I have to add to function.php this snippet to the child theme ?

Thanks

• This reply was modified 3 years, 1 month ago by isabelleroger.

@cpcusteve I have the same problem – my menu text has shrunk. I don’t have a child theme. Have you added your code to your Additional CSS after you uploaded the New Sydney version? Just checking as I have restored a backup to take me back to the old version, while I work out what to do
thx

The snippet has been deactivated because of a error in line 3:
Cannot redeclare function sydney_child_menu_font_size.

@jloindubai I added the css after upgrading to 1.83. I also found out that the font family had changed, so reset that at the same time. The full CSS snippet is now:-

/* Increase size of text in main menu */
.menu-header-menu-container a {
	font-size: 16px !important;
	font-family: Raleway;
	}

Obviously, you’ll need to alter the font size to whatever you want, and the font family name if this is also an issue for you.

Hopefully, this will get fixed in a better, more permanent way in an upcoming version of Sydney.

Hi @isabelleroger,

I presume that I have to do the same thing. The same snippet for all the websites? So, I have to add to function.php this snippet to the child theme ?

Yes, the snippet applies for each site.

You can add the snippet directly from your dashboard (without child theme) by using this plugin. Or add it to your child theme’s functions.php file.

Regards,
Kharis

@mauko,

So my next problem is to get the previous Sydney Version… I did put it into a functions php file, but with Sydney 1.83 and I don’t see any changes…

Perhaps there was a cache that should be flushed.

Please share a link to your site here, if you want direct checking from my side.

Regards,
Kharis

@jloindubai,

/* Increase size of text in main menu */
.menu-header-menu-container a {
   font-size: 16px !important;
}

That custom CSS code works the same way. It can be added to your site through Customize menu > Additional CSS.

The permanent fix for this will come in next version update of the theme.

Regards,
Kharis

schoenenberger-medica.ch

• This reply was modified 3 years, 1 month ago by mauko.

@kharisblank

Hello,

Ok, it works, it’s closer of what I had before. The only thing missing is the menu text to be bold. I see Menu size 14, but how to give instruction to have it bold again?

thanks

add_action('wp_enqueue_scripts', 'sydney_child_menu_font_size', 9999);
function sydney_child_menu_font_size() {
	
	$custom_css = '';
	$menu_size = get_theme_mod( 'menu_size', '14' );
	if ($menu_size) {
		$custom_css .= "#mainnav ul li a { font-size:" . intval($menu_size) . "px; }"."\n";
	} 
	
	wp_add_inline_style( 'sydney-style', $custom_css );
	
}

>>>> Hi @isabelleroger,

I presume that I have to do the same thing. The same snippet for all the websites? So, I have to add to function.php this snippet to the child theme ?

Yes, the snippet applies for each site.

You can add the snippet directly from your dashboard (without child theme) by using this plugin. Or add it to your child theme’s functions.php file.

Regards,
Kharis`

Hi @isabelleroger,

The only thing missing is the menu text to be bold.

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

#mainnav ul li a {
  font-weight: 900;
}

Regards,
Kharis

@kharisblank

Hi,

It’s perfect. Thank you very much !