Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • February 12, 2021 at 12:09 pm #1279968
    lisarein

    Although everyone assures me that the HTML is correct, text is not wrapping correctly around images on cell phones.

    The text should go underneath the image, but instead it looks like below.

    Here is the code:

    (hosted on WPengine) alt="Picture of code that should bump code below the image instead of crunching the text to the left." />

    Text wrapping incorrectly on phones - home page

    Text wrapping incorrectly on phones - ada page

    • This topic was modified 3 years, 9 months ago by lisarein.
    February 14, 2021 at 12:23 pm #1280399
    Rikard

    Hey lisarein,

    I’m not sure I understand that problem, it looks like the text is wrapping around the images in your screenshot. What exactly are you looking to change, and where can we see the problem?

    Best regards,
    Rikard

    February 14, 2021 at 1:17 pm #1280408
    lisarein

    Hi Rikard :)

    It shouldn’t wrap the text on a phone, as it looks funny squished on one side like that. The desired behavior is for the text to be pushed underneath the image when being viewed by a phone. Is there a way to set that up so, when the screen of the device requesting the page is known to be a cell phone, the behavior will be to start the text underneath the image? Thank you so much ^_^ and have a great day!

    February 16, 2021 at 8:48 am #1280737
    Rikard

    Hi,

    Thanks for the clarification. Could you post a link to where we can see the elements in your screenshots please?

    Best regards,
    Rikard

    February 16, 2021 at 9:21 am #1280743
    lisarein

    Sure. That was in my original message at the top. Here it is again:

    https://reincleftonbk.wpengine.com/wp-content/uploads/picture-of-code.png

    Thank you !

    lisa

    February 17, 2021 at 1:41 pm #1281726
    Rikard

    Hi,

    Thanks for that. So your site is the one in private, correct? If so then please try this in Quick CSS:

    @media only screen and (max-width: 767px) {
img.size-full {
    width: 100%;
}
}

    Best regards,
    Rikard

    February 17, 2021 at 2:39 pm #1281747
    lisarein

    Hey that worked great in two seconds!

    Thank you so much :)

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Word wrapping issues on phones’ is closed to new replies.