How to remove space between the heading and the prodcuts in a featured collection? (Dawn theme)

[Element1]

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!

[suyash1]

@Element1 - have you removed it?

[Element1]

Sorry, I accidentally provided the URL for a separate theme! Here's the correct one: https://6ohwhed1vhqdxvi0-27884224571.shopifypreview.com

[suyash1]

@Element1 please add this css to the very end of your base.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> base.css

@media screen and (min-width: 990px) {
    .collection__title--desktop-slider .title {margin-bottom: 0;}
}

[Element1]

thank you for replying! unfortunately, this didn't change anything

[suyash1]

@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;}
}

[Element1]

yes no problem! i've added it back into the code 

[Moeed]

Hey @Element1 

I don't see the heading and the button on your website, do you have it disabled?

Best,

Moeed

[Element1]

I accidentally provided the URL for a separate theme, sorry about that! Here's the correct one: https://6ohwhed1vhqdxvi0-27884224571.shopifypreview.com

[WebDeskSolution]

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.

[Element1]

thank you for replying! unfortunately this didn't make any changes