How to wrap text around featured image to make it mobile optimized?

Kevin Vayda
asked 10 years ago

Hello – how can I wrap text around my featured image on my website’s homepage? I want to keep Alignment = none for my actual posts, but on the home page where my posts are displayed, I’m trying to wrap the text. I want to optimize my site for mobile devices. I created a blog post with images to describe my problem:

Kevin

1 Answers

Kido D
answered 10 years ago

Hi Kevin,
To resolve the issue, please go to Dashboard / Appearance / Customize / General Settings, and add the code below to Header Code section:

 <style>
.home .site-content .content-inner .entry-thumbnail {
margin: 6px 20px 10px 0;
}
.home .site-content .content-inner .has-thumbnail .post-inner {
margin-left: 0;
}
@media(max-width: 480px) {
.home .site-content .content-inner .entry-thumbnail {
margin: 6px 0 10px 0;
float: none;
}
.home .site-content .content-inner .entry-thumbnail img {
width: 100%;
}
}
</style>

Hope that helps!

Kevin Vayda
replied 10 years ago

This worked great – thanks!