Blog Posts

/* Target your slideshow section on phones */ @media (max-width: 749px){ /* 1) Make the slide tall enough so the image isn't a thin strip */ #shopify-section-slideshow-1 .slideshow__slide, #shopify-section-slideshow-1 .slideshow__wrapper, #shopify-section-slideshow-1 .slideshow__media { position: relative !important; min-height: 70vh !important; /* try 65–75vh to taste */ height: 70vh !important; } /* 2) Ensure the image covers that space nicely */ #shopify-section-slideshow-1 .slideshow__media img, #shopify-section-slideshow-1 .slideshow__media picture, #shopify-section-slideshow-1 .slideshow__media video { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; display: block !important; } /* 3) Keep the text over the image, centered, with no pink block */ #shopify-section-slideshow-1 .slideshow__text-content{ position: absolute !important; bottom: 14% !important; left: 50% !important; transform: translateX(-50%) !important; width: 88% !important; max-width: 560px !important; text-align: center !important; background: transparent !important; /* remove pink background */ padding: 0 !important; } /* 4) Readable type on photo */ #shopify-section-slideshow-1 .slideshow__title, #shopify-section-slideshow-1 .slideshow__subtitle, #shopify-section-slideshow-1 .slideshow__top-title{ color: #fff !important; text-shadow: 0 1px 2px rgba(0,0,0,.35); } /* 5) Comfortable mobile sizing */ #shopify-section-slideshow-1 .slideshow__title{ font-size: 28px !important; line-height: 1.2 !important; } #shopify-section-slideshow-1 .slideshow__subtitle{ font-size: 14px !important; line-height: 1.4 !important; } /* 6) Button sizing + centering */ #shopify-section-slideshow-1 .slideshow__btn, #shopify-section-slideshow-1 .button{ display: inline-block !important; padding: 10px 16px !important; font-size: 14px !important; } }

✨ Free U.S. Shipping on Orders Over $75 ✨