Mobile featured image covers text when using Post template style 1

Hi,

Recently the Post template style 1 doesn’t always work on mobile phones.

The featured image (set in the featured image post section, not inserted into the post) sometimes covers the text, even if portrait shaped, on my android mobile.

This is an example article, but you’ll have to view it on a mobile to see the problem. I have a Samsung Galaxy A14, which is relatively new and extremely common.

Example article

Screenshot:
screenshot of problem

In edit:

In edit

I have tried using the Newspaper panel -> custom code -> advanced CSS -> phones but can’t find the right code I’m afraid.

Hope you can help.

Site is https://www.socialistparty.org.uk/

• This topic was modified 2 years by PeteMason. Reason: Links to images in google drive were not working
• This topic was modified 2 years by PeteMason. Reason: clarification

Thanks! That was really helpful but although we love the magazine theme, we found the right margins for the article posts were very wide. We accept this is a design feature for the magazine style.

So is there specific css for a Page template style – a way of saying, “just apply to page template style 1”?

Or alternatively, for all mobile post template styles, perhaps I want to say, “Don’t word wrap the featured images of any post template style on mobiles” or maybe “Don’t align-left the featured images on mobiles”?

We had added the code below to the custom css for mobile phones, to make the featured image spread across the page.

/*article post featured image. Push right margin rightwards, beyond default setting*/
.td-post-featured-image {
margin-left:0px;
margin-right:-70px; /* !! This setting causes the featured image */
/* in post settings Post Template Style 1 */
/* to go over the opening article text */
}

I should have realised that this caused the issue for Post Template Style 1 – your code revealed it to me by preventing it.

Hope you can help?