How to fix unusual spacing under headers on homepage?

Store Design
1

Hi,

I have some weird spacing on my homepage between page headers and the text overlay photo. I am using a sections plug-in so that could be causing some issues. The main issue is on my front-page where there is a notable gap between the photo and header. Would love some help on this, so close to being ready to launch this is my last hiccup.

Photo A: Homepage

Photo B: Contact Us Page

michxie_0-1660078601978.png
michxie_0-1660078601978.png1851×470 41 KB

michxie_2-1660078700608.png
michxie_2-1660078700608.png1875×448 170 KB

2

plz share store url

3

wear-fid.com sorry!

4

Hi, @michxie

You can try this code

  1. Go to Online Store-> Theme->Edit code
  2. Asset-> theme.css ->paste the below code at the bottom of the file.
#shopify-section-1643047393d6b43915{
   padding-top: 0 !important;
}
.main-content {
   padding-top: 0 !important;
}