White space between header & page

Shopify Discussion
1

Hi

I need help, I have this white space between the header and page. how can I remove it?

I want to know the problem because I also have it another website I am working on so I want to know how to permanently remove it from different websites.

link is: https://stitchesdxb.ae/collections

helpx11.jpg
helpx11.jpg3200×1572 211 KB

1 Like
2

@stitchesdxb can you please put this code in css file :

.page-width h1.title {
    margin-top: 0;
}

ProtoMan44_0-1724243005419.png
ProtoMan44_0-1724243005419.png1345×588 489 KB

3

Hello @stitchesdxb

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

#shopify-section-template--17563483963627__main h1.title.title--primary { margin-top: unset !important; }

niraj_patel_0-1724243032421.png
niraj_patel_0-1724243032421.png1196×582 464 KB

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

4

Hi @stitchesdxb ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

Here is result:

BSSCommerceHDL_0-1724243320146.png
BSSCommerceHDL_0-1724243320146.png1896×869 219 KB

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

1 Like
5

Thank you

1 Like
6

@stitchesdxb , No problem. Have a good day :heart_eyes: