Site logo

Archived topic

Featured image is shown centered on smartphone-view

3 replies · Started by Anne-Barbara on November 25, 2022

Viewing posts 1–4 of 4

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

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.

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

Glad to be of help

This archived topic is closed to new replies.