Hi! So, I want to bring down the heading and the shop all button in my featured collection, so they are directly above the products, I feel like they look like they’re floating atm
On mobile, it’s already perfect but on desktop, the gap is rather large - see photos below!
This is how it looks on the desktop:
This is how it looks on mobile, which I like and I want it to look like this on desktop too:
here’s my website link: https://6ohwhed1vhqdxvi0-27884224571.shopifypreview.com
I appreciate any help!
@Element1 - have you removed it?
Moeed
June 12, 2025, 2:22pm
3
Hey @Element1
I don’t see the heading and the button on your website, do you have it disabled?
Best,
Moeed
Sorry, I accidentally provided the URL for a separate theme! Here’s the correct one: https://6ohwhed1vhqdxvi0-27884224571.shopifypreview.com
I accidentally provided the URL for a separate theme, sorry about that! Here’s the correct one: https://6ohwhed1vhqdxvi0-27884224571.shopifypreview.com
@Element1 please add this css to the very end of your base.css file and check,
@media screen and (min-width: 990px) {
.collection__title--desktop-slider .title {margin-bottom: 0;}
}
thank you for replying! unfortunately, this didn’t change anything
@Element1 can you please add this code again? I will chek on browser
@media screen and (min-width: 990px) {
.collection__title--desktop-slider .title {margin-bottom: 0 !important;}
}
Hello @Element1
Please follow the steps below after logging into the Shopify admin:
Go to your Shopify Admin panel.
Click on Online Store > Themes.
Find the live theme and then click Actions > Edit code.
Search base.css
Insert the provided CSS code at the end of the file and save the changes.
.collection .collection__title--desktop-slider .title
{
margin-bottom: 0;
}
.collection .slider--desktop
{
margin-top: 0;
}
Please hit Like and Mark it as a Solution if you find our reply helpful.
yes no problem! i’ve added it back into the code
thank you for replying! unfortunately this didn’t make any changes
