Jump to content


  • Posts

  • Joined

  • Last visited

Posts posted by N8Steele

  1. 9 hours ago, tuanphan said:

    Add to Home > Design > Custom CSS. Then save & reload your site

    @media screen and (max-width:767px) {
    .ProductItem-gallery-slides-item {
        position: static !important;
        height: auto !important;
        visibility: visible !important;
    img.ProductItem-gallery-slides-item-image {
        width: 100% !important;
        height: auto !important;
        top: 0 !important;
        left: 0 !important;
    .ProductItem-gallery-slides:before {
        padding-bottom: 20% !important;
    .ProductItem-gallery-current-slide-indicator.enable-on-first-image-load.enabled {
        display: none;


    Thank you so much for the help! It seemed to kinda work....


    On a mobile device I can still swipe through photos and the top photo is really far away from the header!


    Please help!



  2. On 10/2/2020 at 2:32 AM, tuanphan said:

    Try adding this to Home > Design > Custom CSS

    @media screen and (max-width:767px) {
    img.ProductItem-gallery-slides-item-image, .ProductItem-gallery-slides-item {
        pointer-events: none !important;


    I was wondering if you could look at this again. None of the code seems to work to get the products stacked on mobile. I've tried everything. Please help!


  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.