Archived topic
Changing width and font of navigation menus in mobile
4 replies · Started by William on May 28, 2020
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
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