Hi there 👋
This can be fixed with some custom CSS. Under Customize > Additional CSS, you can add the following code:
/* Remove filter on mobile */
@media only screen and (max-width: 425px){
.sidebar-toggle {
display: none !important;
}
}
If you’d like to learn more about CSS, I highly recommend using the free tutorials at w3schools. Here, you can find the basics of selectors (how to target the right element on the page), and properties (how to change the element on the page).
I hope that helps 🙂
Hi @zweckformee 👋
I’ve checked your site, but I couldn’t see the bar that you are mentioning. Here is how it looks to me:
https://www.screencast.com/t/7u6ktjik
Oftentimes something like this can be affected by your browser’s cache. I would suggest that you try clearing the cache/cookies and then try it again.
Cheers!
Hi!
Please check under some product category.
Oh! Now I see.
For this, please add the following CSS code:
.shop-loop-before {
display: none !important;
}
Cheers 🙂
/* Remove filter on mobile */
@media only screen and (max-width: 425px){
.sidebar-toggle {
display: none !important;
.shop-loop-before {
display: none !important;
}
Is it like that?
That one didnt work out.
@zweckformee 👋
I can see that the code you provided is missing a bracket. Please use the following one:
/* Remove filter on mobile */
@media only screen and (max-width: 425px){
.sidebar-toggle {
display: none !important;
}
.shop-loop-before {
display: none !important;
}
}
Let me know how it goes. 🙂
Happy to help 😃
Great! I’m going to mark this as resolved – if you have any further questions, you can start a new thread.
Cheers!
