Image/Text Wrapping Issue on Mobile

  • When viewing my homepage on mobile, the text is getting squished to the left side by the image on the right. Some time ago I had added additional CSS to my site which had fixed the issue so that the image just loaded above the text on mobile. Since recently switching from classic editor to blocks, however, the issue has resurfaced. Here’s the additional CSS that used to work but doesn’t any more:

    @media only screen and (max-width: 600px) {
    figure.alignleft, img.alignleft, figure.alignright, img.alignright {
    float:none;
    display:block;
    margin-left:auto;
    margin-right:auto;
    }
    }

    Thanks for any help,
    Robert

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

  • The topic ‘Image/Text Wrapping Issue on Mobile’ is closed to new replies.