Support » Theme: Shapely » Shapely theme banner images not responsive

  • Hi,
    I have added banner images to all of my pages but they are not responsive on mobile. Is there a fix for this? I removed all css that was in there and tested again but it made no difference.

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • @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.

    Thread Starter WorkinWP

    (@iguanamom)

    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.

    Thread Starter WorkinWP

    (@iguanamom)

    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.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Shapely theme banner images not responsive’ is closed to new replies.