Support » Plugin: WooCommerce » Move Product Filter to Top on Mobile

  • Resolved manilvaco



    We’d like to move the product filter to appear above the products on our shop pages when the user accesses the website on mobile. Currently it appears below the products which renders it almost useless as our customers don’t know it exists.

    Any help on how we can move the filter would be greatly appreciated.


    The page I need help with: [log in to see the link]

Viewing 12 replies - 1 through 12 (of 12 total)
  • Plugin Support Thu P. a11n


    Hi there,

    This seems to have caused by your theme. I can’t view your product page, but I’d look into the theme template to see if the filter has been moved to the bottom, or the CSS in case the filter has been removed by it.

    Hope this helps!

    Plugin Support Missy a11n


    Automattic Happiness Engineer

    We haven’t heard back from you in a while, so I’m going to go ahead and mark this thread as resolved. If you have any other questions please feel free to start a new thread.

    Hi there,

    Have the same problem, different theme, any idea if I can move it up somewhere in the woocommerce settings? Or that I can edit it with some css to show on top on mobile? Hope to hear from you. You can see it over here; There it shows on the bottom on mobile,


    Jan Willem

    I am having the same issue.

    My theme have provided me with some simple code to now display the sidebar/filters above the products on mobile, however it is not ideal – with a few filters the customer will now have to scroll down quite far to start seeing the product.

    I’d love to find a solution in the form of a filter ‘button’, whether it is a modal pop up or slide out panel. Haven’t found it yet!

    same here, isnt there any plugin with a shortcode to embed on top of the product pages?

    Hi same problem here. Is there a solution for this?


    Same problem. Ocean WP theme.


    This isn’t down to the theme, this is down to WordPress itself, it deems that “sidebar content” is less important than the main content but if anyone finds a solution to this PLEASE, let me know because this is a huge pain.

    Has anyone found the solution? I am using OceanWP theme

    I’m having the same problem! Anyone?

    I have the solution, just add custom css in your wp “Appereance -> Theme Customize -> Additional css”

    In my case, the class name is “sidebar-container.widget-area.sidebar-secondary” change with your Sidebar Class Name

    here is the code
    order: 1 !important;

    hope this helps..



    Where do I find the sidebar class name?

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Move Product Filter to Top on Mobile’ is closed to new replies.