Shapely theme banner images not responsive

@iguanamom – this is not a theme issue ?? Using custom banners requires custom CSS to address it on mobile view.

Scaling (down) banners to mobile viewports while keeping the important information from the banner visible at all times is nearly impossible ??

Here’s a quick read on this: https://matthewjamestaylor.com/blog/responsive-banner-ads

P.S: If you’re referring to the fact that the banner image isn’t scaling down (without any actual concerns to the quality or the contents of the banner), then you’re right ?? I can provide you with some custom CSS to address that.

Thanks,
Cristian.

Hi Cristian,

thanks for the info. I’ve never had a theme with this issue before. The banners are part of the theme, they’re not ‘advertising’ banners like you reference in the link. Go ahead and throw me some CSS and I’ll see if it works.

Thanks!

@iguanamom – use this:

img { max-width: 100% !important; }

Add it under: Appearance -> Customize -> Additional CSS.

Thanks,
Cristian.

Hi,
unfortunately this had no effect (I also added a period to the beginning of img since it seemed it might’ve been missing?) and it didn’t make a difference.

Thanks anyway, I guess it’ll just have to stay like that.