Version 2.0.8

This update was launched on the 25th of September, to prevent two bugs caused by browser updates:

• Slider issues on mobile Safari iOS13
• Issues with select boxes in desktop Safari 13

How to manually apply the fix

1. Go to the theme editor (read this article for more info)

2. Choose  /assets/css_main.scss.liquid file and at the very end of the file add the following code:

   // Safari v13 fix for select boxes crashing site
   
   .regular-select-cover,
   .simple-select-cover {
     select {
       -webkit-appearance: revert !important;
       opacity: 0 !important;
       pointer-events: none;
     }
     .regular-select-inner {
       pointer-events: none;
     }
   }
   .minimal-select-cover {
     margin-top: 16px;
     height: 20px;
     .minimal-select-inner {
       height: 20px;
       padding-top: 0;
     }
     select {
       opacity: 0;
       -webkit-appearance: revert !important;
     }
     svg {
       top: 2px;
     }
     &:hover svg {
       top: 3px;
     }
   }
   .product-variants-holder, #site-filters .option, #site-filters .option-children {
     position: relative;
   }
   .regular-select-content {
     width: calc(100% + 4px);
     display: block;
     background: $bodyBg;
     border: 2px solid;
     border-top: 0;
     border-color: transparent;
     position: absolute;
     top: 53px;
     left: -2px;
     z-index: 999;
     border-top: none;
     overflow: hidden;
     height: 0;
     z-index: 99;
     max-height: 204px;
     overflow: scroll;
     .content-opened & {
       height: auto;
       border-color: $bodyBgThird;
       top: 52px;
     }
     .product-variants-holder &.content-opened {
       outline: 1px solid $bodyBgThird;
     }
     #site-filters .option & {
       width: 100%;
       left: 0;
       max-height: 202px;
     }
   }
   .regular-select-item {
     display: block;
     height: 40px;
     font-size: 13px;
     padding: 14px 25px 0;
     border-top: 1px solid $bodyBgThird;
     cursor: pointer;
     background: transparent;
     transition: 100ms background linear;
     &:hover {
       background: $bodyBgSecond;
     }
     &.selected {
       background: $bodyBgThird;
     }
     #site-filters .option &.selected {
       background: darken($bodyBgThird, 2%);
     }
   }
   	

3. Choose /assets/js_plugins.min.js and completely replace all contents with the contents of the following file: https://pastebin.com/raw/G9STELRs
4. Save all files!