Side bar whith product filter below products

  • Author
    Posts
  • #161973

    raksm
    Member
    Original poster

    Having an online store, on the store page the product filters appear in the sidebar but in the mobile version it appears after the products. Is there a way to change the order? showing the filters first and then the products?

    Many thanks

    The blog I need help with is: sidondiaswebsitedraft.wpcomstaging.com

    #161974

    raksm
    Member
    Original poster
    #161987

    itsdavidmorgan
    Theme Author

    Hello,

    Within the “Additional CSS” section of the Customizer, try adding the following style:

    @media screen and (max-width: 767px) {
      .woocommerce.archive .content.no-thumb {
        display: flex;
        flex-direction: column-reverse;
      }
    }

    That should ensure the product filters are above the products in mobile.

    I hope this helps.

    Thanks!

    #162017

    raksm
    Member
    Original poster

    Hello David,

    Thank you so much!
    Works perfectly!

    All the best.

The topic ‘Side bar whith product filter below products’ is closed to new replies.