Shopify themes, liquid, logos, and UX
Hello.
I'm new in Shopify and I would like to know how to remove Collection title and that space so I would get navigation and after that is bar with sorting and product count.
In image I have marked area what I want to remove.
Best wishes, jonis.
Solved! Go to the solution
This is an accepted solution.
Please add the following code at the bottom of your assets/theme.css file.
.template-collection header.collection-header .section-header {
display: none;
}
@media only screen and (min-width: 750px){
.template-collection .main-content{ padding-top: 0px !important;}
}
.template-collection .filters-toolbar-wrapper{
border-top: 0px !important;
}
Hope this works.
Thanks!
Please share your store URL.
Your store is password protected. Please share store password.
Removed it for now.
sorry for this issue can you please try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
or be this
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second
.template-collection .main-content {
padding-top: 15px; /* change the value as you like */
}
.collection-header .section-header {
margin-bottom: 15px; /* change the value as you like */
}
This is an accepted solution.
Please add the following code at the bottom of your assets/theme.css file.
.template-collection header.collection-header .section-header {
display: none;
}
@media only screen and (min-width: 750px){
.template-collection .main-content{ padding-top: 0px !important;}
}
.template-collection .filters-toolbar-wrapper{
border-top: 0px !important;
}
Hope this works.
Thanks!
Fastest support ever! 🙂
Nots happening. Can you please help me.
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!😊
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
https://www.chitrika.in/collections/narayanpet-sarees - URL of my website.
Thank you.
can you please confirm this look
Exactly what I'm expecting. What changes you did.
i have check this its done?
Yae done, I have wrote display: none in css of the collection image element.
thanks for update.
User | RANK |
---|---|
125 | |
98 | |
74 | |
72 | |
40 |
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022