Disable pointer events and product image zoom for mobile

bigcommerce · Jan 3, 2018 · a4bcf90 · a4bcf90
1 parent 85c8032
commit a4bcf90
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -7,6 +7,7 @@
 - Fixes mobile swatch selectability styling. [#1131](https://github.com/bigcommerce/cornerstone/pull/1131)
 - Fix Logo not loading on UCO page [#1132](https://github.com/bigcommerce/cornerstone/pull/1132)
 - Fixes functionality of date picker option on product pages. [#1125](https://github.com/bigcommerce/cornerstone/pull/1125)
+- Fixes issue with image zoom causing scrolling issues on mobile. [#1140](https://github.com/bigcommerce/cornerstone/pull/1140)
 
 ## 1.10.0 (2017-11-15)
 - Fix spaces in faceted search option names [#1113](https://github.com/bigcommerce/cornerstone/pull/1113)

diff --git a/assets/scss/components/stencil/productView/_productView.scss b/assets/scss/components/stencil/productView/_productView.scss
@@ -33,6 +33,10 @@
     + .productView-thumbnails {
         margin-top: spacing("half");
     }
+
+    @media (min-width: $screen-xxsmall) and (max-width: $screen-xsmall) {
+        pointer-events: none;
+    }
 }
 
 .productView-img-container {