FROM CACHE - en_header

Return management just got easier! We’ve launched Customer Self-Serve Returns to all Shopify merchants. Click here to learn more!

Gallery images overlap in debut theme

Mareka
Trailblazer
232 2 39

Hi All,

I have noticed when photos overlap each other in the gallery section of the debut theme. As you can see in the photo, the bottom photo chops off the bottom of the top photo. The legs on the second photo will be chopped off once I add photos below it. Is there a way to rectify this please ?  www.treasureknot.com

GALLERY.JPG

Replies 6 (6)
dmwwebartisan
Shopify Partner
11285 2411 3467

@Mareka 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

#shopify-section-header {position: relative !important;}
#PageContainer {padding-top: 55px !important;}

Hope this works.
Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Click here GemPages The most powerful Shopify page builder.
Mareka
Trailblazer
232 2 39

Hi,

That didn't work. It only created extra space & a grey line under my hero banner.

dmwwebartisan
Shopify Partner
11285 2411 3467

@Mareka 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

 

#shopify-section-header {position: relative !important;}
.PageContainer {padding-top: 2px !important;}

 

Let me know if this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Click here GemPages The most powerful Shopify page builder.
Mareka
Trailblazer
232 2 39

No that didn't work. It has also added extra space & a grey line between my hero banner & the first section

gallery2.JPGtop of page.JPG

dmwwebartisan
Shopify Partner
11285 2411 3467

@Mareka 

Please add the following code.

#shopify-section-header {position: relative !important;}
#PageContainer {padding-top: 2px !important;}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Click here GemPages The most powerful Shopify page builder.
Mareka
Trailblazer
232 2 39

That fixed the problem under the hero banner but the photos in the gallery still overlap.