font size on mobile

  • Resolved nikoo28

    (@nikoo28)


    4 years, 9 months ago

    I am using the syntax highlighter on my webpage. The font size looks perfect on a desktop browser, but while viewing it on a mobile screen, the font is all huge and not in sync with the page font size.

    https://ibb.co/DzBV4mJ

    A screenshot can be seen here

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

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Author Renatho (a11n)

    (@renathoc)

    Hey @nikoo28 !

    The page link didn’t work for me. I received a 404.

    But looking at your screenshot, I believe it can be an issue with your theme (maybe some CSS style). I tested on another site now, and it looks to be working properly.

    To confirm if it’s an issue with your theme, I recommend you change to the Twenty Twenty to see what happens.

    I’ve tested it with Twenty Twenty and I’ve the same issue on the mobile phone.

    Plugin Author Peter Kiss (a11n)

    (@yscik8)

    Some themes have quite a big difference in size between their serif and sans-serif or monospace fonts. Syntaxhighlighter sets it’s font-size relative to the content-font, which might not always look good. It can be changed by adding some custom CSS:
    .syntaxhighlighter { font-size: 18px !important; }

    Sadly, this didn’t change anything ??
    (Beside of a bigger font in the highlighter-block when I view the page on the computer)

    Plugin Author Renatho (a11n)

    (@renathoc)

    ??

    If it’s not an issue with the theme, probably some plugin can be adding some style which can be causing this issue.

    I’d recommend you inspect the styles to check where it’s coming from.

    As a first try, you could just simulate the mobile view in your browser (https://developers.google.com/web/tools/chrome-devtools/device-mode). If it doesn’t happen in the browser, you could inspect it through your mobile (Instructions for Android: https://developers.google.com/web/tools/chrome-devtools/remote-debugging)

    Beside of inspecting it on the phone (I don’t have an Android device), I’m gone through all of this, I’ve also tested it with the Twenty Twenty theme and only this plugin activated.

    Either it’s a bug in the webview of iOS (because it also happens in every third-party browser) or I just can’t find it …

    • This reply was modified 4 years, 3 months ago by mahe.

    It also happens in the admin interface.

    well … I’ve installed the latest WordPress update and now the problem is gone.
    Thanks for trying to help me ??

    Me too.
    https://www.paraview-expert.com/sample-pf-ply-convert/

    • This reply was modified 4 years, 1 month ago by f_magician.
    Plugin Author Alex (a11n)

    (@alexsanford1)

    Good to hear! Please feel free to open a new thread if the problem comes back.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘font size on mobile’ is closed to new replies.

Tags