Support » Theme: Kadence » menu font size for mobile phones

  • How do I change the font size for menu items, but only for mobile phones (I like the font size used on my PC screen). But on cell phones, the font is a little too small…

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Hello,

    Click the gear icon beside the Mobile Navigation header item. Then, go to Design Settings and click the boxes beside the Font option. You should be able to see icons for desktop, tablet, and mobile beside the font size. Click the mobile icon and set the size value you want.

    Here’s a screen recording for your reference – https://share.getcloudapp.com/rRubnmoX.

    Hope this helps and let us know if we can assist you further.

    Best Regards,
    Karla

    Thread Starter TxFig

    (@txfig)

    That was very obviously working because it shows the changes in the edit window. BUT…

    My phone (using Chrome on my Android google pixel) does not seem to want to show me the changes. I cleared the cache and even used incognito mode.

    hannah

    (@hannahritner)

    Hey @txfig,
    Which fonts are you editing so I can test? Have you tried viewing from a different phone?

    Kindly,
    Hannah

    Thread Starter TxFig

    (@txfig)

    Here is a Screen shot of what I am editing.

    I don’t have another phone, but this one is pretty modern… As I said, it changes the font size shown on the PC screen in the WP configuration. It just doesn’t change what I see “live”.

    • This reply was modified 5 months ago by TxFig.
    hannah

    (@hannahritner)

    Sorry, I’m not sure I’m following correctly. You shouldn’t need to set different font sizes for your mobile navigation as that will only show on mobile. To change the font size of your primary navigation you can set that from Customize > Header > Primary Navigation. Sorry if I’m misunderstanding.

    Kindly,
    Hannah

    Thread Starter TxFig

    (@txfig)

    When I look at the menu on a computer screen, the font size is good.

    When I look at it on my cell phone (after hitting the 3 horizontal bars), the text is too small. I want the text of the menu (and submenus) to be bigger.

    Using the Customize you described above makes the text size bigger when viewing the page “as mobile on the PC” (ie. while I’m editing the page). But those font size changes don’t actually show up on a mobile phone.

    hannah

    (@hannahritner)

    Hey,
    I’m seeing the font sizes the same size when I view from mobile mode on a mac, and also my iPhone. Have you cleared your mobile browser cache? Can you send screenshots of what you’re seeing?

    Kindly,
    Hannah

Viewing 7 replies - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.