Hello I want to remove this space on my desktop between the header and the collection

I want on my desktop only to remove this little space between header and content it is already done on my product page on desktop but not on all other page like home page, collection page,…

Here are my links : https://www.five-pocket.com https: /www.five-pocket.com/collections/pro-club-t-shirts

the red space on the picture is what I want to remove

Hi, you can remove it by adding this CSS code at the bottom of you base.css file

.slider-component .grid { margin-top: 0px !important; }

You can adjust how much space you need by using this code in your theme style file

#shopify-section-template–19581598794077__9f5b60cf-00b4-458c-b645-8bba144bb2ba {margin-top: -100px;} you can change it by increasing the value or decreasing it.

it don’t work why?

You need to adjust it for the entire section check my code below

Hi @imazele ,

This is David at SalesHunterThemes.

Thank you for your question.

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code.

Go Assets folder → theme.liquid file.

Add the following code in the bottom of the file above tag


If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team

Hello I works can you do the same on this page plz ?

https://www.five-pocket.com/collections/pro-club-t-shirts

Hi @imazele ,

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code.

Go Assets folder → theme.liquid file.

Add the following code in the bottom of the file above tag


If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team