How can i make my shop sidebar appear at the top on mobile?

This topic has 4 replies, 2 voices, and was last updated 9 years, 3 months ago ago by Rose Tyler

  • Avatar: KoolAide187
    KoolAide187
    Participant
    September 20, 2016 at 15:40

    When I view my website on mobile all my products appear first in my shop and at the very bottom is where my categories are located. How can i make my categories appear on the top in the mobile version of my website?

    Please, contact administrator
    for this information.
    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 20, 2016 at 16:03

    Hello,

    You can add this code in Theme Options > Custom CSS > Custom CSS for mobile:

    .archive .page-content > .row, .woocommerce .page-content > .row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: column-reverse nowrap;
      flex-flow: column-reverse nowrap;
    }

    Regards,
    Rose Tyler.

    Avatar: KoolAide187
    KoolAide187
    Participant
    September 20, 2016 at 16:30

    Worked beautifully thank you!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 20, 2016 at 16:54

    Hello,

    You’re welcome!

    Regards,
    Rose Tyler.

  • Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘how can i make my shop sidebar appear at the top on mobile?’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.