Woocommerce + Enfold Theme:Mobile ViewIt's possible to move Sidebar view on top?

Hi,
Sorry for the late reply, as I understand what you would like to do on your shop page, in mobile, you want the sidebar on top, then the content.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

@media only screen and (max-width: 767px) { 
  #main > .container_wrap_first.template-shop.shop_columns_3 > .container {
  display: flex !important; 
  flex-wrap: wrap !important; 
  }
  #main > .container_wrap_first.template-shop.shop_columns_3 > .container > main {
      order: 3 !important; 
  }
  #main > .container_wrap_first.template-shop.shop_columns_3 > .container > aside {
      order: 2 !important; 
  }
  #main > .container_wrap_first.template-shop.shop_columns_3 > .container > header {
      order: 1 !important; 
  }
  }

I don’t believe this will affect any other pages, but please check thoroughly.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you for your question, the above css is for a single product page with a sidebar, but I didn’t find one on your site.
Your screenshot is to a shop page not a product page https://dev. YourSite .com/boutique/ replace YourSite with your actual domain.
so your question is relevant to the thread you linked to and not this thread. Please note that since this is not your thread you will not see anything we write in the Private Content area, it is better to open a new thread.
But I will try to help, so the issue is that on mobile the sidebar is hidden by default and it contans left padding for the desktop version, so for mobile you need to remove the padding also, like this:

@media only screen and (max-width:767px) {
.responsive #top.woocommerce-shop #main .sidebar {
    display: block;
}
.responsive #top.woocommerce-shop #main .sidebar_left .content {
    padding-left: 0;
}
.responsive #top.woocommerce-shop #main .sidebar_left .sidebar {
    border-right-style: none;
}
}

For a single product page the css should be like:

@media only screen and (max-width:767px) {
.responsive #top.single-product #main .sidebar {
    display: block;
}
.responsive #top.single-product #main .sidebar_left .content {
    padding-left: 0;
}
.responsive #top.single-product #main .sidebar_left .sidebar {
    border-right-style: none;
}
}

but I didn’t find one on your site to test, if this doesn’t help then please open a new thread with a link to your single product page with a sidebar so we can assist with an updated solution, this will also help future users with finding the solution.

Best regards,
Mike

Hi,
Very good, thank you for using Enfold.

Best regards,
Mike