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.
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
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