Archived topic

Post Page Content Mobile Responsiveness Issue

3 replies · Started by Anant on March 8, 2023

Viewing posts 1–4 of 4

March 8, 2023 at 9:13 pm #2560883

Hi Team,

For the posts on one of my website, the content in top section is not responsive.
I have aligned the image at right and put some text content at left. On desktop it appears fine. But on mobile, it looks weird as the text content gets wrapped within 1 character while the image shows at right.

Can't it be responsive so that the text content starts showing from below of the image? Here's a screenshot of image: https://imgur.com/BoWLGvy

I have shared the url in private info. This is with almost each post on website.

March 8, 2023 at 9:23 pm #2560890

Hi Anant,

That's a WP Image Block. It's set to float right which is causing the issue.

Try adding this through Appearance > Customize > Additional CSS:

@media (max-width: 768px){
    .wp-block-image figure.alignright, .wp-block-image figure.alignright img {
    width: 100%;
    float:unset;
    margin-left: unset;
}
}

Alternatively, you can use a GenerateBlocks Image Block instead. With this, you can set different alignments for different views through the settings.

March 9, 2023 at 2:28 am #2561153

Thanks fernando! This helped.

March 9, 2023 at 4:56 pm #2562214

You're welcome, Anant!

This archived topic is closed to new replies.

Start building better websites today.