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
11467 2435 3520

@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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
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
11467 2435 3520

@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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
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
11467 2435 3520

@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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
Mareka
Trailblazer
232 2 39

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