Gallery images overlap in debut theme

Mareka
Pathfinder
190 1 22

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

0 Likes
dmwwebartisan
Shopify Partner
6542 1520 1986

@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 | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
Mareka
Pathfinder
190 1 22

Hi,

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

0 Likes
dmwwebartisan
Shopify Partner
6542 1520 1986

@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 | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
Mareka
Pathfinder
190 1 22

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

0 Likes
dmwwebartisan
Shopify Partner
6542 1520 1986

@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 | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
Mareka
Pathfinder
190 1 22

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

0 Likes