[Resolved] problems with mobile presentation of text

[Kenneth]

Hello,

Love GeneratePress. I have a problem that I am sure could be fixed with CSS but I do not know where to look for the answer.

On the pages https://www.thehumaneexperience.org/introduction/ and https://www.thehumaneexperience.org/witnessing-kindness/, for example, the text aligns perfectly on desktop and tablet, but mobile phone version text to right of image is hard to read properly. Is there a way with CSS to adjust the text so that it is easily readable?

I you can kindly point me in the right direction I would be so grateful,

Kind regards,

Kenneth

And thanks again for GeneratePress!

[Ying]

Hi Kenneth,

Tyr adding this CSS:

@media (max-width: 768px) {
    .inside-article .wp-block-image [class*="align"] {
        float: none;
    }
}

[Kenneth]

Thank you Ying,

This works for desktop and tablet. How do I add CSS for only mobile phone?

[Ying]

Oops, I forgot to add the media query, updated the CSS 🙂

[Kenneth]

Worked beautifully. Thank you Ying.

[Ying]

You are welcome 🙂

[Author]

Posts