Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 20, 2019 at 4:08 pm #1069513
    micscr

    Hey guys,

    in mobile view there are some gaps and weird looking spaces within the text of single blog postings of a client’s website.

    Example: https://www.officemedia.at/uniqa-tower/

    It might be cause of other customizations but I can’t find the reason. Could you please provide some quick-fix to solve those text issues on mobile-blog?

    Thx in Advance, Regards
    Michael

    February 23, 2019 at 6:30 am #1070576
    Rikard

    Hi Michael,

    There looks to be a lot of n b s p ;s added in the text, what happens if you remove those? If you inspect this text in the browser you will see that for instance:

    Um das Management mit Echtzeitkommunikation zu unterstützen, wurde eine umfassende Audio- und Videokommunikationstechnik für reibungslose Videokonferenzen geschaffen, welche die Zusammenarbeit und das Teilen von Informationen zwischen Mitarbeitern, Kunden und Geschäftspartnern erleichtert.

    Your client likely copied the text from Word or something like that.

    Best regards,
    Rikard

    February 23, 2019 at 7:33 pm #1070753
    micscr

    Hey Rikard,

    I doubt that’s been the issue since it happened on almost all the blog posts on (portrait view) smartphones. Rather because the template auto-justifies text in no-sidebar layouts.

    But I made the text align left now on devices below 767px using..

    @media screen and (max-width: 767px) {
#top .fullsize .template-blog .post .entry-content-wrapper { 
text-align: left;
font-size: 14px !important; 
}}

    ..which is not a perfect solution but at least it removes the spaces.

    Regards,
    Michael

    February 27, 2019 at 12:12 am #1072047
    Basilis

    Hi,

    Thank you very much for sharing it! :)

    Best regards,
    Basilis

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Blog Posts on Mobile: Gaps & Spaces in Text’ is closed to new replies.