[Resolved] Changing width and font of navigation menus in mobile

[William]

Hi there,
On my site bookanalysis.com, I like how the navigation menus look. However, when it comes to mobile, the width causes the menu to go to a new row and the font is a bit strange compared to desktop – is there a way to fix this?
Many thanks,
Will

[William]

Also, if you look at the above image, the padding does not seem to work on category pages content – is there CSS to account for this too?

Many thanks,

[David]

Hi there,

you can reduce the font-size in Customizer > Typography > Primary Navigation
and reduce the Menu Item Width on Customizer > Layout > Primary Navigation

There are separate Mobile options for both those settings.

Your site is using the Helvetica font. This is a system stack font and is not available on all devices. In those instances the device will use its own system stack font.

[William]

Thank you very much!

[David]

You’re welcome

[Author]

Posts