Version 3.3.1
This update was released on April 23rd, 2020.
Changelog
- Added new social icons in the footer section (for instructions about how to add these manually in an older theme version please see: )
- Improved IE11 browser support.
- Fixed other small bugs.
How to manually apply the IE 11 fix
- Go to the theme editor (read this article for more info)
-
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); }
-
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; }
- Save both files