Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 5, 2021 at 12:11 pm #1331590
    ppi37

    Hi,
    The shop sidebar is displayed on mobile after the products, as it is defined in the enfold settings.
    In the shop sidebar I have 2 widgets (filter per price and attribut)
    How can I have it displayed before the products (on the top, after the title)?
    instead of in the buttom.
    I followed the recommendations of several threads in this forum, but couldn’t find any CSS code that works properly.
    Thanks

    December 5, 2021 at 2:07 pm #1331596
    Mike

    Hey ppi37,
    Thank you for the link to your site please try this code in the <strong style=’color:#000′>General Styling ▸ Quick CSS field or in the <strong style=’color:#000′>WordPress ▸ Customize ▸ Additional CSS field:

    @media only screen and (max-width:767px) {
#top.post-type-archive-product #wrap_all .container_wrap_first .container {
display: flex;
flex-direction: column;
}
#top.post-type-archive-product #wrap_all .container_wrap_first .container .woocommerce-products-header {
order: 1;
}
#top.post-type-archive-product #wrap_all .container_wrap_first .container .template-shop.content {
order: 3;
padding-top: 0;
padding-left: 0;
}
#top.post-type-archive-product #wrap_all .container_wrap_first .container .sidebar {
order: 2;
padding-bottom: 0;
}
}

    After applying the css, please clear your browser cache and check.
    Please see the screenshot in the Private Content area of the expected results.

    Best regards,
    Mike

    December 5, 2021 at 10:09 pm #1331631
    ppi37

    Hi Mike,
    It seems like your code works perfectly!
    Thank you very much for the speed!

    December 5, 2021 at 10:18 pm #1331634
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘How to display shop sidebar before products on mobile’ is closed to new replies.