Gallery images overlap in debut theme

[Mareka]

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

[dmwwebartisan]

@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!

[Mareka]

Hi,

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

[dmwwebartisan]

@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!

[Mareka]

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

[dmwwebartisan]

@Mareka 

Please add the following code.

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

Thanks!

[Mareka]

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