Jump to content

N8Steele

Member
  • Posts

    13
  • 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!

     

    Thanks!

  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.