I’d like to remove the empty spacing shown at the top of the Featured Collection. The empty space doesn’t display anything even when I include collection image or description. How can I remove the spacing?
Topic summary
A user wants to remove empty spacing at the top of their Featured Collection page that appears even without a collection image or description.
Solution Provided:
- Navigate to Shopify admin → Online Store → Themes → Actions → Edit code
- Locate the CSS file (base.css, style.css, or theme.css depending on the theme)
- Add the following CSS code at the bottom:
.featured-collections__header {
display: none;
}
- Save changes
Follow-up Question:
The original poster asks for clarification about whether to use “theme.min.css” file, as they’re unsure which CSS file to edit. This question remains unanswered in the current discussion.
1 Like
That is the space for the featured collection header, if you dont like to add some header and remove it then try this one.
- From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
- Find the theme that you want to edit and click on “Actions” and then “Edit code”.
- In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.featured-collections__header {
display: none;
}
- And Save.
- Result:
1 Like
