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

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:

5

Thank you

6

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