Access a community of over 900,000 Shopify Merchants and Partners and engage in meaningful conversations with your peers.
Hi,
I'm having some trouble trying to reduce the space between my menu and the start of the collection header. I'd also like to reduce the space between the collection header and the filters. Can someone please assist with what I need to add to change this?
https://otherhut.eu/collections/living-room
Solved! Go to the solution
This is an accepted solution.
Hi Lukas,
Welcome to the Shopify forums!
Open your stores dashboard --> Online Store --> Actions --> Edit Code --> Open 'base.css' -->
At the bottom of the file copy and paste this code and your spacing should reduce:
.collection-hero__title {
margin: 1.5rem 0 0 !important;
}
You can then modify '1.5rem' to match the specific size you're looking for.
Let me know if this works for you!
NOTE: If you edit any files on your store, I advise that you duplicate the theme before doing so and editing the duplicated theme instead. This will prevent your live site from breaking if something goes wrong.
This is an accepted solution.
Hi Lukas,
Welcome to the Shopify forums!
Open your stores dashboard --> Online Store --> Actions --> Edit Code --> Open 'base.css' -->
At the bottom of the file copy and paste this code and your spacing should reduce:
.collection-hero__title {
margin: 1.5rem 0 0 !important;
}
You can then modify '1.5rem' to match the specific size you're looking for.
Let me know if this works for you!
NOTE: If you edit any files on your store, I advise that you duplicate the theme before doing so and editing the duplicated theme instead. This will prevent your live site from breaking if something goes wrong.
Thanks! That worked
User | RANK |
---|---|
213 | |
106 | |
91 | |
57 | |
44 |