Display Woocommerce sidebar ?

Hi @shubhamtiwaripage

You can use this custom CSS code in Appearance -> Customize -> Additional CSS, to move the sidebar above the product list on the mobile view

@media (max-width: 767px) {
  .archive.woocommerce #content-inside {
    display: flex;
    flex-wrap: wrap;
  }

  .archive.woocommerce #primary {
    order: 2;
  }

  .archive.woocommerce #secondary {
    order: 1;
    margin-top: 20px;
  }

}

Regards.

Yup, Thanks for the CSS code it worked for me.
can you tell me how can I arrange my sidebar filter side by side? for now, I have 2 filters one for category selection and one for custom search for the product both are one below another but I want it to be side by side

i also want to list my subcategory of my categories to show in list form by default it show placeholder image with it
just like this here is the link for screenshot

and also it has a search bar for categories screenshot

One more thing can I make a category search tab like this screenshot

• This reply was modified 5 years, 2 months ago by Shubham.

@longnguyen