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

Home Forums Support Changing width and font of navigation menus in mobile

  • This topic has 4 replies, 2 voices, and was last updated 4 months ago by David.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1304903
    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,
    WillExample of the font and sizing wrong in mobile

    #1304904
    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,

    #1304936
    David
    Staff
    Customer Support

    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.

    #1305428
    William

    Thank you very much!

    #1305943
    David
    Staff
    Customer Support
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.