We use Product Filters for WooCommerce and by default our filters display at the bottom of the shop page on mobile and tablet. We would like these filters to be displayed at the top of the page and ideally as a drop-down menu to optimize space. For the moment, we found a solution using a megamenu and a raw content in which we added the shortcode of our filters. On the other hand, the filters at the bottom of the products are always present and in order to avoid repetition, we would like to hide them.
To sum up, is it possible to display the filters at the top of the page rather than at the bottom and as a drop-down menu? If not, is it possible to hide the filters at the bottom of the page? All on mobile and tablet only.
Hey @jptrotier,
Thanks for reaching out!
To put the product filters at the top of the page will require custom code. Please note that custom code is outside the scope of our support. I suggest that you consult a third-party developer or you can avail One where we can answer questions outside of the features of our theme.
On the other hand, would you mind sharing your website URL so that we can give you a piece of advice on how you can hide it on the mobile view?
Thank you.
Hey @jptrotier,
I check your boutique page on the mobile and table view then the filter is already at the top of the page.
But if you wish to hide them, you can add the CSS code below in the Theme Options > CSS.
@media (max-width: 978px) {
.archive .x-sidebar {
display: none;
}
}
Please note that custom CSS code is outside the scope of our support. Issues that might arise from the use of custom CSS code and further enhancements should be directed to a third-party developer or you can avail One where we can answer questions outside of the features of our theme.
Hope that helps and thank you for understanding.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.