Archived topic

Featured Image Misaligned on Mobile

7 replies · Started by James on January 31, 2022

Viewing posts 1–8 of 8

January 31, 2022 at 5:48 am #2099914

Hello:

I have just noticed that in all of my posts of my website, the alignment of the image and text looks rubbish on mobile.

My images are set to be 300 px wide and right aligned everything looks fine on the desktop but the mobile view shows the image and a small column of text.

I have shared a screenshot below.

How can I fix this?

January 31, 2022 at 5:50 am #2099916

I have added the address of my website below so that you can look at other posts.

January 31, 2022 at 5:57 am #2099922

Hi there,

i think some of your site optimizations are removing CSS or messing with its loading order.

You may first want to try clearing any server / plugin caches then browser caches.
If its still an issue then temporarily disable any optimizations, and clear browser caches.

Let me know

January 31, 2022 at 6:23 am #2099971

I don't have any cache plugins on my site.

I run ads on my site with Ezoic and so I have temporarily deactivated their plugin that I use and I have temporarily deactivated the CDN.

I have cleared my browser caches.

But I'm still seeing the weird layout.

Do you think that I should approach the Ezoic tech team?

Thanks

January 31, 2022 at 6:24 am #2099972

And I have cleared the cache at the server level...

January 31, 2022 at 6:32 am #2099982

Hmmm.... if its the only issue then it might be easier to fix it by adding this CSS to your site:

@media(max-width: 768px) {
    .wp-block-image .alignright {
        float: none !important;
        margin: 0 0 0.5em;
    }
}

January 31, 2022 at 6:39 am #2099989

It is fixed. You genius. 600+ posts looking better. Many thanks,

January 31, 2022 at 7:44 am #2100042

Glad to be of help!

This archived topic is closed to new replies.

Start building better websites today.