Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1069513

    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

    #1070576

    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

    #1070753

    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

    #1072047

    Hi,

    Thank you very much for sharing it! :)

    Best regards,
    Basilis

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Blog Posts on Mobile: Gaps & Spaces in Text’ is closed to new replies.