How can I remove this filters / option to change the grid view, in my collection grid in mobile?
In desktop is already removed
this is my link: https://vomeroitaly.com/
Can you help me?
Topic summary
A user seeks to remove filter options and grid view toggles from their collection page on mobile devices (already removed on desktop).
Three CSS-based solutions were provided:
-
Moeed’s approach: Add CSS code to
theme.liquidfile above the</body>tag, targeting the utility bar elements withdisplay: none -
LizHoang’s method: Insert code into
styles.cssfile specifically hiding mobile-only utility bar items:
span.utility-bar__item.mobile-only {
display: none !important;
}
- CodingFifty’s solution: Add code to base/theme/style CSS files targeting the entire right utility bar:
.utility-bar__right {
display: none !important;
}
All solutions involve accessing the theme’s code editor through Online Store → Edit Code and adding CSS to hide the unwanted elements. Screenshots demonstrate the expected results showing the filters removed from mobile view.
Status: Multiple solutions offered; awaiting user confirmation of which approach worked.
1 Like
Hey @Mdb_Gioto
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hi Mdb_Gioto
- You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file styles.css and add this code at the end of the file
span.utility-bar__item.mobile-only {
display: none !important;
}
Result:
Best,
Liz
Hi @Mdb_Gioto ,
Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.
.utility-bar__right {
display: none !important;
}
