Shopify themes, liquid, logos, and UX
"Alphabetically, A-Z"
"Alphabetically, Z-A"
"Featured" options"
"Date, old to new"
But I can't find where to do this in the code.
Very important to me remove it on mobile !
https://www.atiqot.com/collections/living-room
Thanks in advance for any help. Liya
Solved! Go to the solution
This is an accepted solution.
Hey @Atiqot
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
.popover__value-option[value="created-ascending"], .popover__value-option[value="title-descending"], .popover__value-option[value="title-ascending"] {
display: none !important;
}
</style>
RESULT:
If I managed to solve your problem then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
<style>
@media screen and (max-width: 767px) {
.collection-toolbar__button-container+.collection-toolbar__button-container {
display: none !important;
}
}
</style>
Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->
before the body ----->
if this code work please do not forget to like and mark it solution
This is an accepted solution.
Hey @Atiqot
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
.popover__value-option[value="created-ascending"], .popover__value-option[value="title-descending"], .popover__value-option[value="title-ascending"] {
display: none !important;
}
</style>
RESULT:
If I managed to solve your problem then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Great Solution! It's work perfect 😍
Thanks a Lot Moeed
Hello @Atiqot ,
Here are the steps to apply the necessary changes in your Shopify store:
@media screen and (max-width:768px){
.collection-toolbar__button-list > .collection-toolbar__button-container:nth-child(2) {
display: none !important;
}
}
Let me know if you need further assistance!
Hi @Atiqot
You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file theme.css and add this code at the end of the file
height-observer.collection-toolbar.full-bleed {
display: none;
}
Result
Best,
DaisyVo
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025