Support » Plugin: WP Shopify » Image thumbnails bleed into other columns on mobile

  • Resolved animesaulo

    (@animesaulo)


    On collection pages, products with image thumbnails bleed into the next column when viewed on mobile and tablet.

    Example: https://pikadude.com/collections/pokemon/

    I reviewed the code and the culprit seems to be this CSS:

    
    .css-vuyrge-thumbnailsWrapperCSS {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        grid-template-rows: 1fr;
        gap: 0px 15px;
        margin-top: 12px;
        max-width: 410px;
    }
    

    When I change the column to 4 in the inspector it looks great on tablet and 3 looks good on mobile.

    This happens for the free and pro version. What CSS can I add to my theme to fix this?

    The page I need help with: [log in to see the link]

Viewing 10 replies - 1 through 10 (of 10 total)
Viewing 10 replies - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.