Site logo

Archived topic

Changing width and font of navigation menus in mobile

4 replies · Started by William on May 28, 2020

Viewing posts 1–5 of 5

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,
WillExample of the font and sizing wrong in mobile

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,

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.

Thank you very much!

You're welcome

This archived topic is closed to new replies.