Manually update to 2.4.6

This update was released on the 21st of January 2019.

Changelog

  1. Fixed a bug with the product section gallery on mobile devices
You can manually apply this fix, assuming that you have at least version 2.4.3 installed.

How to manually fix this

  1. Go to the theme editor (read this article for more info)
  2. Choose  /assets/css_main.scss.liquid and at the end of the file, paste the following piece of code:

    // Product section mobile gallery fix
    @media all and (max-width: 1179px) {
      .product-page {
        display: flex;
        flex-direction: column-reverse;
        .product-gallery {
    	width: 100% !important;
    	position: relative !important;
    	height: auto !important;
        }
        .swiper-container {
    	width: 100% !important;
        }
        .product-content {
    	padding-top: 65px !important;
    	.add-to-cart {
    	    margin-bottom: -25px;
    	}
        }
      }
    }
    	
  3. In the same file, look after the code below (it should be at line 4008 - see this screenshot for details)

    .swiper-container {
       height: 100% !important;
    }
    	

    Delete it.

  4. Open /sections/home-product.liquid file and replace it's content with the content of the following file: https://pastebin.com/raw/1yrWhgpE
  5. Save all files!