Move widgets to the top on mobile

Hello,

Use below CSS code for set widget option above the content. shown into the Screenshot, [https://prnt.sc/r2bntu]
CSS Code:

@media (max-width: 767px){
.archive #content.site-content .col-full{display: flex; flex-wrap: wrap;}
.archive #content .col-full div#primary{order: 2; width: 100%;}
.archive #content .col-full aside#secondary{order: 1; width: 100%;}
}

Thanks!

-display of sidebar (the container for widgets) in various devices (i.e. mobile vs desktop) is dependent on the the theme
-post your topic in the theme specific forum for accurate guidance
https://www.ads-software.com/support/theme/shopper/

Wow @aimsinfosofts! Great! Thank you very much.