Remove gap between collection list

hello, i want to remove the gap for my featured collection where the collection name would have been (i removed the collections names). This is my store:

as you can see, there is a big gap from where the collection name would have been. I want to remove that gap so it looks likes this:

my theme is dawn, website url is www.alexandrawestbrook.com , password is liavee

1 Like

Hello @ads18922

Go to Online Store, then Theme, and select Edit Code.
Search for assets/theme.css Add the provided code at the end of the file.

.collection-list {
column-gap: 0;
}

1 Like

HI @ads18922

You need to follow these steps:

  1. Go to the Online Store
  2. Edit Code
  3. Find theme.css / base.css

And past that CSS Code:

ul.collection-list {
    column-gap: 0;
}

I hope this solution works for you!
If it does, please Like It and Mark It As A Solution, or support me by Buying Me A Coffee to keep me going!

hello, this doesn’t remove the gap which im talking about. if you preview on mobile there is a gap where the collection name would be (i have removed the collection names so there is a gap):

as you can see here there is a gap inbetween these collections

hello, this doesn’t remove the gap which im talking about. if you preview on mobile there is a gap where the collection name would be (i have removed the collection names so there is a gap):

as you can see here there is a gap inbetween these collections

Okay for removing that gap as well you can use this CSS along with

.collection-list .card>.card__content { display: none; }

The result

I hope this solution works for you!
If it does, please Like It and Mark It As A Solution, or support me by Buying Me A Coffee to keep me going!