Make Banner Image Deeper on Shop Page

GBD · February 16

Hi All!

I have a carousel banner image on my shop page, it's currently very small and I'd like to make it taller/deeper OR run it up behind the logo - either way, need to see more of the image.

Does anyone know how to achieve this?

I've tried using code (see below) but it results in the same height image just behind the logo instead.

/* SHOP HEADER CAROUSEL - RUN BEHIND HEADER */

section[data-section-id="64df85ef319e655976385fc7"]{

padding-top:0! important

}

Thanks guys!

tuanphan · February 18

Can you share link to this page?

GBD · February 19

Sure!

https://www.lucyberridge.com/shop

Worth noting that it looks fine on mobile (deep enough & can see image well)
Just desktop that it's very shallow.

Edited February 19 by GBD

tuanphan · February 21

You can use this code to Custom CSS box

/* Shop page banner desktop */
@media screen and (min-width:992px) {
body#collection-64df825c03097576e9473328 .gallery-fullscreen-slideshow {
    height: 70vh !important;
}
}

GBD · February 22

Thank you! That worked a treat! 🙂

Make Banner Image Deeper on Shop Page

Recommended Posts

GBD

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

GBD

Posted Images

tuanphan

GBD

tuanphan

GBD

Create an account or sign in to comment

News

GBD

Circle Benefits

Events

Circle Day

Resources

Product Updates

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources