Shopify themes, liquid, logos, and UX
Hi, i am using debut theme. Wondering how to remove header for collection list? There are 4 collection list... i need to remove header for all 4 of them.
Solved! Go to the solution
This is an accepted solution.
@BB17 ,
.template-collection main#MainContent {
padding: 0;
}
This is an accepted solution.
@BB17 ,
.filters-toolbar__item-child {
padding-top: 19px;
}
@BB17,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:
<style>
#shopify-section-collection .section-header{
display: none !important;
}
</style>
Kind regards,
Diego
After adding the code, the header still can be seen.... example from one of the collection list /grid
.collection-hero__image.ratio-container.js.lazyloaded {
display: none;
}
#shopify-section-collection-template .section-header.text-center {
display: none;
}
@BB17 ,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid
But for mobile view, the header still can be seen and not removed for all collection list/grid...
Please help.. Thanks
@BB17 ,
don't add css in media.
but how come there is still this part which i think supposed to be the header ? Can this part (green box) be removed totally in desktop and mobile view ?
This is an accepted solution.
@BB17 ,
.template-collection main#MainContent {
padding: 0;
}
Thanks.
But the wording "sort by" and "1 product" in the green boxed has moved up... how to make it middle for all collection list/grid? for desktop view...
@BB17 ,
Issue is solved?
But please refer the issue i posted yesterday that is still not solve..
This is an accepted solution.
@BB17 ,
.filters-toolbar__item-child {
padding-top: 19px;
}
@BB17 ,
Hi
Share your Store URL !
Hi @BB17,
Just to clarify do you mean the heading highlighted here?
If so, this might be coded into the theme to have a title for this page. Because this is the Debut theme which is a free Shopify developed theme, you can use the 60 minutes free design time from the theme support team and they can see if this is possible and do it for you if you aren't comfortable doing it yourself? You can log in and contact the support team for this here.
To learn more visit the Shopify Help Center or the Community Blog.
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024