How can I hide the left filters on my site?

Store Design
1

Hi everyone,

I want to hide left filters on my site, and I don´t know how.

This is my site: https://eltemplodelamoda.com/collections/nueva-coleccion-octubre-2022

arbeygp_0-1666195311053.png
arbeygp_0-1666195311053.png570×602 56.1 KB

Thanks everyone.

2

Hi @arbeygp ,

You can try this code

  1. Go to Online Store-> Theme->Edit code
  2. Asset-> theme.scss.css ->paste the below code at the bottom of the file.
#collection-template .main-col{
    width:100%;
}
#collection-template .sidebar {
    display:none;
}
1 Like
3

Hi bro, it works partially, hide on desktop, but on mobile continues showing the filter button:

arbeygp_0-1666202658916.png
arbeygp_0-1666202658916.png315×278 56.5 KB

and this lines at the end:

arbeygp_2-1666202761242.png
arbeygp_2-1666202761242.png314×246 13.2 KB

Thanks my friend.

4

Hi @arbeygp :waving_hand:

That part can not be removed with CSS.

You can find in your theme files where it has the dashes and remove them manually

Hope that helps!

1 Like
5

Hi @arbeygp for the dots at bottom please open up the collection template file there you will find them al last typed by mistake.

if you want to hide just the filter button use this code.

.btn.btn-filter.large-up--hide {
    display:none;
}

if you want to hide the filter button and the buttons below of it then use the below code

@media only screen and (max-width: 768px){
.filters-toolbar{
   display:none;
}
}
1 Like
6

Bro it works perfectly, thanks for your help and knowledge.