Swap the product's content and gallery areas

If you wish to swap the product's gallery & content areas (display product text on the right and gallery on the left for screens over 1240px width), you simply have to paste the following CSS code snippet at the end of the theme's main stylesheet ( /assets/css_main.scss.liquid):

@media all and (min-width: 1281px){
   #product-gallery {
      left: 290px;
   }
   #product-content {
      float: right;
   }
   .draw-buttons {
      right: calc(25% + 220px - 290px) !important;
   }
}
@media all and (max-width: 1626px) and (min-width: 1281px) {
   .draw-buttons {
      right: 330px !important;
   }
}