update predictive search container width on small screens

Shopify · Aug 4, 2022 · ac79cfb · ac79cfb
1 parent 812da50
commit ac79cfb
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/assets/component-predictive-search.css b/assets/component-predictive-search.css
@@ -1,5 +1,4 @@
 .predictive-search {
-  width: calc(100% + 0.2rem);
   display: none;
   position: absolute;
   top: calc(100% + 0.1rem);
@@ -15,7 +14,8 @@
 }
 
 .predictive-search--search-template {
-  z-index: 2
+  z-index: 2;
+  width: calc(100% + 0.2rem);
 }
 
 @media screen and (max-width: 749px) {
@@ -37,6 +37,7 @@
 @media screen and (min-width: 750px) {
   .predictive-search {
     border-top: none;
+    width: calc(100% + 0.2rem);
   }
 
   .header predictive-search {