Font Size Issue on Mobile Site

  • Unknown's avatar
    aviationhighlights · Member ·

    I am currently using the Illustratr theme for my latest venture and for the most part, everything is almost perfect.

    However, when Portfolio posts are viewed through a mobile browser (Chrome on Android for testing) the font seems to change size throughout the post for no apparent reason. This is most notable on The Great British Airshow , see screenshot here.

    When the same post is viewed through a desktop browser everything is displayed as expected. I’ve cleared all formatting and made sure everything is set to ‘Paragraph’ but this has not resolved the issue.

    Can anyone shed any light on this?

    The blog I need help with is: (visible only to logged in users)

  • kathrynwp · Staff ·

    Hi there – looks like you have some span tags that are changing the font size within your post. If you switch to HTML view in the editor you can remove them.

    For example:

    <p style="text-align: justify;"><span style="font-size: 22px; line-height: 1.5;">As a result of that accident, airshow safety was drastically improved and over many years, the CAA has continued to adapt these guidelines into what many nations regard as the safest and most comprehensive set of airshow regulations in the world.</span></p>

    Remove <span style="font-size: 22px; line-height: 1.5;"> and </span>

  • The topic ‘Font Size Issue on Mobile Site’ is closed to new replies.