[Resolved] Mobile – Text Wrapping around Image

[James]

Hello,

For some reason, only on Mobile, I have one page that the text is wrapping around the image.

Problem page – https://www.vikingequipmentfinance.com/about/

I have the image set as the first block, then Aligned Right…which works on all other pages.

Example page working correctly – https://www.vikingequipmentfinance.com/refinancing/

After several hours comparing to other pages, I noticed all other Image Blocks are showing Image Size as Thumbnail (not Full Size) but are showing the Full Size image across all 3 devices Desktop – Tablet – Mobile.

All other pages and images are functioning correctly.

[David]

Hi there,

try adding this CSS to your site:

@media(max-width: 600px) {
    .wp-block-image figure[class*="align"] {
        float: none;
        margin-left: 0;
        nargin-right: 0;
    }
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[James]

That worked…Thank You!

[David]

Glad to hear that

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts