thumbnail issues on mobile devices

[ahillJune 7, 2017 at 3:43 pmthumbnail issues on mobile devices ahillParticipant]

Good evening,

Any help on this topic would be greatly appreciated.

I am having a small issue with the feature image in my posts when it is accessed on a phone vertically.

Basically, the feature image I choose and add to my post looks great unless viewed on a mobile phone (eg Iphone) vertically. If you hold the phone horizontal the issue is immediately fixed. Desktop and Ipad version are also fine.

the website is teamgoodang.com.au and an example to check on a Phone (vertically) would be http://www.teamgoodang.com.au/the-weighting-game/,

Really love the theme and any help would be greatly appreciate..

Aaron

[Mathieu SarrasinJune 7, 2017 at 6:49 pmReply to: thumbnail issues on mobile devices Mathieu SarrasinKeymasterSupportHappy with my help?Buy me a beer!]

Hi Aaron,

Please try to add the following code in Customize > Additional CSS:

@media only screen and (max-width: 480px) {
    .single-post .thumbnail { max-width: 100%; }
}

I think this is the missing piece in the custom CSS you already added to get rid of the date/author block on the smallest screen size, it should do the trick 😉

[Author]

Posts