Disable pointer events and product image zoom for mobile

bigcommerce · Jan 3, 2018 · 30a9c3a · 30a9c3a
1 parent f8c8802
commit 30a9c3a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -8,6 +8,7 @@
 - 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)
 - Fix image-overlap on Orders page [#1137](https://github.com/bigcommerce/cornerstone/pull/1137)
+- 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 {