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:
- Go to the Online Store
- Edit Code
- 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!