Display search and filter on top in the mobile view in woocommerce product page

Anonymous

#259380

Hi Support Team Member,

I want to bring the search and filter (in the side bar in the desktop view) on top of the mobile view. But I fail to do it.
Here is the link to the page: https://gradhopper.com/university-and-scholarship-finder/

Further, it does not show search option when the mobile is placed in vertical position. It only show the search option when the mobile placed horizontally. So I would like to bring the search option on top of the mobile view before showing the woocommerce products.

Note that we can remove all the other content in the side bar if those cause some issues. But the behavior is same even before I added those content to the side bar.

Highly Appreciate your help.

Thanks,
Madushan

Trevor

#259408

This is a theme issue, which you should take up with the theme author. I see that the theme is Redbiz and is built on Bootstrap 3.

You need to ask them how to make the right sidebar (secondary content area) appear before the left main content area (primary content area) on mobile. Bootstrap has classes that allow this (called push and pull classes):

https://bootstrapcreative.com/resources/bootstrap-3-css-classes-index/

(search that page for ‘push’ and ‘pull’).

It is normally just a case of adding one class each to the primary and secondary content area elements.

[Author]

Posts