[Resolved] Featured image is shown centered on smartphone-view

[Anne-Barbara]

Hi,

in the theme-settings I have the featured images on the left. But on Smartphone-view, they are centered and the text is beyond, it doesn’t flow around the image:

https://hochsensibelsein.org/wP/hochsensibel-symptome/

Please help me with this!

Kind regards,
Anne-Barbara

[David]

Hi there,

it stacks on mobile, as for most featured images unless those were really small, would mean there isn’t room for that style.

You can try adding this CSS to keep it on mobile:

@media(max-width: 768px) {
    .post-image-aligned-left #page .inside-article .featured-image {
        float: left;
        margin-right: 1em;
        text-align: left;
    }
}

And i would recommend this CSS as well:

.post-image-aligned-left #page .inside-article .featured-image {
    max-width: 50%;
}

This will stop the image from every being wider then 50% of the content. Otherwise you end up with very narrow columns of text on some screen sizes.

[Anne-Barbara]

Thank you! CSS works, but I cecked it out – you are right, I leave it as it was. Kind regards, Anne-Barbara

[David]

Glad to be of help

[Author]

Posts