Display Woocommerce sidebar ?

  • Shubham

    (@shubhamtiwaripage)


    6 years, 5 months ago

    Display woocommerce sidebar above product list on mobile phone on default it is set to below the product list

Viewing 6 replies - 1 through 6 (of 6 total)
  • longnguyen

    (@longnguyen)

    6 years, 5 months ago

    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.

    Thread Starter Shubham

    (@shubhamtiwaripage)

    6 years, 5 months ago

    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

    Thread Starter Shubham

    (@shubhamtiwaripage)

    6 years, 5 months ago

    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

    Thread Starter Shubham

    (@shubhamtiwaripage)

    6 years, 5 months ago

    and also it has a search bar for categories screenshot

    Thread Starter Shubham

    (@shubhamtiwaripage)

    6 years, 5 months ago

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

    • This reply was modified 6 years, 5 months ago by Shubham.
    Thread Starter Shubham

    (@shubhamtiwaripage)

    6 years, 3 months ago

    @longnguyen

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Display Woocommerce sidebar ?’ is closed to new replies.