Text overlapping/stretched on mobile

  • Resolved zarastonenow

    (@zarastonenow)


    3 years, 6 months ago

    Hi, I’m trying to fix the text overlap problem. Im using zerif lite theme and orbitfox plugin.
    you can see the issue here
    https://zarastone.net/killerlooks/
    and on a test page here
    https://zarastone.net/garbage/

    both look OK on the web, and even when you drag the browser, but on a REAL LIFE cellphone they overlap each other and look really funky. I have deactivated and reactivated all plugins and does not affect this.

    Any help would be amazing. Thanks, Zara

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

Viewing 1 replies (of 1 total)
  • Mat

    (@mateithemeisle)

    Hello @zarastonenow ,

    Thank you for choosing our products and congratulations on your new book!

    I managed to make the words more compact by changing the paragraph font-size to 16 px instead of varying from 23-29px. The “justify” CSS command tends to behave unexpectedly if the size of the fonts varies from the initial one.
    Another solution would be to change the alignment back to initial instead of justify without changing the font-size but this will change the aestethic of the page.

    Also the theme you are using isn’t in development anymore thus it might not be able to keep up with the plugin. Here i would suggest to consider a migration towards Hestia or Neve (or another theme you like) in order to future-proof your website and be able to constantly improve it!

    The choice is entirely yours of course!

    Please let me know if i can help out with anything else!

    Thank you!

Viewing 1 replies (of 1 total)
  • The topic ‘Text overlapping/stretched on mobile’ is closed to new replies.