Version 3.3.1

This update was released on April 23rd, 2020.

Changelog

  1. Added new social icons in the footer section (for instructions about how to add these manually in an older theme version please see:  )
  2. Improved IE11 browser support. 
  3. Fixed other small bugs.  

How to manually apply the IE 11 fix

  1. Go to the theme editor (read this article for more info)
  2. Choose /assets/theme.min.js and the the bottom of the file add the following snippet:

    if ( !!window.MSInputMethodContext && !!document.documentMode ) {
     $('body').addClass('ie11');
     setTimeout(function(){
      $('.sidebar__cart-handle').off('click');
     }, 50);
    }
  3. Choose  assets/theme.scss.liquid and at the bottom of the file add the following snippet:

    // IE 11 tweaks
    
    .ie11 {
    
     .sidebar__search {
      display: none;
     }
    
     .collection--grid {
    
      display: block !important;
      width: calc(100% + 20px);
      margin-left: -10px;
    
      &:after {
       @extend .clearfix;
      }
    
      .product-item {
       float: left;
       width: 25%;
       padding: 0 10px;
       @media all and (max-width: 1024px) {
        width: 50%;
       }
      }
     
     }
    
     .sidebar__submenu.opened,
     .sidebar__cart.opened,
     .sidebar__search.opened,
     .collection__filters.opened {
      visibility: visible;
      overflow-y: scroll;
      background: $sidebarBg;
      max-height: 100vh;
      > div {
       height: auto;
       &:after {
        display: none;
       }
      }
     }
     .collection__filters .filters,
     .sidebar__cart .cart {
      overflow: visible;
      height: auto;
     }
    
     .sidebar__cart {
      background: $sidebarBg;
      left: 240px;
     }
    
     #content-holder #content {
      display: block;
     }
    
     .page-content, .article__content {
      flex: auto;
     }
    
     .footer {
      width: 100%;
     }
    
     .collection-header.has-image {
      .collection-header__container {
       position: absolute;
       bottom: 40px;
      }
      .collection-filters-handle-holder {
       position: absolute;
       right: 30px;
       top: auto;
       bottom: 80px;
      }
     }
    
     .product__add-to-cart .add-to-cart__symbol {
      height: 53px;
      svg {
       top: 0;
      }
     }
    
    }
    
    // Edge tweak
    
    .sidebar__search {
     height: 100vh;
     bottom: 0;
    }
  4. Save both files
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.