Hi! I’d like to move this filter icon to the right and slightly higher, while removing the unnecessary space below.
Can anyone help? Please see the attached image for reference.
Hello, @voodoowww123
1. Go to Online Store → Theme → Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.
@media (max-width: 736px){
.facets-vertical--sub_collections {
gap: 0rem !important;
}
#cloud_search_filters_root .cloud-search-page-controls__filters-container
justify-content: flex-end !important;
}
.cloud-search-page-controls__filters-link {
padding: 0px 0 !important
}
}
Thank You!
@media (max-width: 736px){
.facets-vertical--sub_collections {
gap: 0rem !important;
}
#cloud_search_filters_root .cloud-search-page-controls__filters-container{
justify-content: flex-end !important;
}
.cloud-search-page-controls__filters-link {
padding: 0px 0 !important
}
}
It was my mistake, try this code now, it will work.
If it does, please mark my comment as the solution.
Thank You!
Thank you! Now it’s Fixed
You’re Welcome!
It’s not working again on mobile. The filter icon looks crowded
Hello, @voodoowww123
Try this code and it will work perfectly!
@media (max-width: 768px) {
.cloud-search-page-controls__filters-link {
padding-left: 20px !important;
}
}
Thank You!
Thank you so much!! That works perfect