Manually Update v2.2.2

This article is for users who want to upgrade to v2.2.2 from at least v2.2.0.. 

  1. Go to the theme editor (read this article for more info)
  2. Choose /assets/js_scripts.min.js and completely replace the file with the contents of the following file: https://pastebin.com/raw/b5LbaBLW
  3. Choose /assets/js_plugins.min.js and at the very end of the file, paste the following lines of code:
    // Better Video Autoplay
    
    window.supports_video_autoplay = function(callback) {
    
      var v = document.createElement("video");
      v.setAttribute('muted', 'muted');
      v.paused = true;
      var p = "play" in v && v.play();
    
      typeof callback === "function" && callback(!v.paused || "Promise" in window && p instanceof Promise);
    
    }
    	
  4. Choose  /assets/css_main.scss.liquid and search for the following lines of code (around 1607-1610).

    @media all and (max-width: 640px) {
          display: none;
          + img {
             display: block !important;
          }
       }
    	
  5. Remove these 5 lines completely and replace them with the following code snippet:

    @media all and (max-width: 640px) {
       position: static;
       min-width: 0;
       min-height: 0;
       -ms-transform: none;
       -webkit-transform: none;
       transform: none; 
       width: 100%;
    }
    	
  6. Choose /sections/slideshow.liquid and search for line 23:
    <video class="video-obj{% if forloop.index0 > 0 %} active{% endif %}" autoplay loop muted>
    	

    Add the playsinline attribute, like this:

    <video class="video-obj{% if forloop.index0 > 0 %} active{% endif %}" autoplay loop muted playsinline>
    	
  7. Save all files and you're done!