[Resolved] Featured image not responsive on mobile

[mariosem]

Hello,

tried some other suggestions before opening this ticket, no luck.
On mobile, my single post featured images are not fitted in the screen: they are larger, actually.
Any suggestions?

Thanks,

Mario

[David]

Hi there,

on your site you have an auto inserted advert.
Its injecting this code:

You can see it has a width property that is too wide for the screen.
This is making the page wider then the screen.

you need to check in your Auto Ad settings that the advert is responsive.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[mariosem]

Hello David,
thanks for your answer.

I’m using Adsense Auto Ads, therefore I cannot modify anything, I’m afraid.
Is this a problem happening only on mobile? Very weird…

[David]

Yeah, only see this on mobile.
You can try using some CSS to your site to tell the advert container to never be set larger then the screensize:

.google-auto-placed div {
    max-width: 100vw !important;
}

But i would suggest checking with adsense support as it should provide the correct size advert for the smaller screens.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[mariosem]

I think I have fixed it:

Customizer > Layout > Blog > Featured Images > Single > Media Attachment Size > Full (instead of medium_large)

Now the featured images in single posts fit smoothly.

Thanks,

Mario

[David]

Glad to hear you found some solution

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts