Archived topic
Featured image is shown centered on smartphone-view
3 replies · Started by Anne-Barbara on November 25, 2022
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