Active filters layout issue on mobile view
-
Hi,
could you please make the active filters appear one below another in the mobile view? At the moment, they are displayed horizontally and create a scroll, which I don’t like because it hides the active filters and makes them difficult to use.
Here is a image showing the issue:
https://go.screenpal.com/watch/cOVOjbn3oEF
Best regards,
Nikola
Hello,
Can you share the page URL so I can further check on your site and give you a possible solution?
Best Regards,
Hello,
Please apply the filters on your site and share the exact page url where you are applying the filter so I will check this page and give you a possible solution.
Best Regards,
Hello,
Thank you for your response and for your patience.
I would like to let you know that the filters have now been applied. You can review the filters on mobile view as I described in the first comment.
You can check credentials in hidden section here.
Please check it and let me know your feedback or if you can suggest a possible solution.
Best regards, Nikola
Hi,
To fix this issue, try to add the following code snippet to the Global Custom CSS area in Theme Settings.
@media (max-width: 1024px) {
.wd .wd-active-filters {
flex-wrap: wrap;
}
}
Kind Regards
Hello, your part moves the active filters to the next row (below the “clear all filters” button), but when more active filters accumulate, they become scrollable again and scroll horizontally.
I added this adjustment to the code you provided, and it produced the result I was looking for: https://go.screenpal.com/watch/cOe0QMnTjPo
/* Mobile view */
@media (max-width: 1024px) {
/* Make the active filters in the mobile view appear stacked vertically instead of in a single horizontal line */
.wd-active-filters .widget_layered_nav_filters ul {
flex-wrap: wrap !important;
}
/* Make the whole container of active filters in the mobile view appear stacked vertically instead of in a single horizontal line */
.wd .wd-active-filters {
flex-wrap: wrap;
}
}
Thank you, you can close the ticket.
Best regards,
Nikola
The topic ‘Active filters layout issue on mobile view’ is closed to new replies.
.
