• I am using block theme for the first time but I have a very simple problem that I can’t get out of. The font size I set looks perfect on desktop, but on mobile it looks too small.

    How can I solve this?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Felipe Santos

    (@foosantos)

    Hi @ungowp,

    If I understood correctly, you would like a different font size depending on the size of the screen (mobile, desktop, etc.), right?

    If you are adding a specific px to the font size, an option would be to use a size format that is equivalent to the size of the element/screen (like em/rem). Have you tried that?

    Also, I believe some plugins (like Stackable) should allow you to set a specific font size and settings for each screen size.

    Thread Starter ungowp

    (@ungowp)

    My problem is this;

    The font, which looks very good on desktop, looks small on mobile devices. For example, the 18px font size we used in our old theme looks very small in the twenty twenty-three theme. So this so-called fluid typography doesn’t seem logical and useful to me.

    twenty twenty-three: https://ibb.co/SRj71Qj

    That’s the way it should be: https://ibb.co/tbGD197

    Hey @ungowp ! Are you manually changing the font size in the theme to a pixel value, or are you seeing this issue with the default font size?

    In general, if you set the font size in a relative unit such as rem or em, you should not have an issue like this.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Mobile font size problem’ is closed to new replies.