Vogue Pro – Move Shop Sidebar on Monile

After much searching of the internet, I’m coming up empty. None of the CSS snippets I’m finding are working..

Looking to get the shop sidebar to the top of the page on mobile… Seems to be quite a standard query!

@media only screen and (max-width: 667px) {
  .woocommerce-page div#content-wrap {
    display: flex;
    flex-direction: column;
  }

  .woocommerce-page .widget-area #secondary {
    order: 1;
    -webkit-order: 1;
  }

  .woocommerce-page div#primary {
    order: 2;
    -webkit-order: 2;
  }
}

This is what I have tried so far, I don’t think I’m too far off.. but… help?

Thanks ??