Text alignment in Chrome mobile browser

  • Author
    Posts
  • #121045
    dfglfa
    Power User

    Hi there,

    I’m encountering a problem with the text alignment in Google Chrome mobile browsers. Everything works fine in Firefox mobile browsers, but in Chrome there is a problem with images aligned left or right.

    See what I mean here: Chrome screenshot

    Thanks for your support!

    Website: dfg-lfa.org

    • This topic was modified 2 weeks ago by dfglfa.
    #121399
    Zed
    Cryout Creations mastermind

    Hi,

    Could you include a link to your site (or create a support ticket on this issue)?


    If you like our creations, help us share by rating them on WordPress.org.
    Please read the available documentation and search the forums before posting.
    #121409
    dfglfa
    Power User

    Sure, here you are: https://dfg-lfa.org/2021/08/oss-registrierung/ Thanks a lot!

    #121447
    Zed
    Cryout Creations mastermind

    Text wrapping around images is dependent on image size, content width and screen size. There are certain combinations at which just enough text still fits on the side of the image to display just enough text to make it look weird.

    You can avoid this by forcing the images to no longer float/wrap below a certain screen size with CSS:

    @media (max-width: 540px) {
        .entry-content .alignleft, .entry-content .alignright {
            display: block;
            float: none;
            margin-left: auto;
            margin-right: auto;
        }
    }

    Note that this works best if all content images are relatively the same size (and smaller than the width limit).


    If you like our creations, help us share by rating them on WordPress.org.
    Please read the available documentation and search the forums before posting.
    #121454
    dfglfa
    Power User

    Thanks! Works like a charm!

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

You need to log in to reply to this topic.