Store images too small <980px viewport

  • Resolved photoMaldives

    (@photomaldives)


    3 years, 5 months ago

    Hi guys. Thanks for the great theme ! Just discovered it yesterday. 🙂
    Hope you can help, as I’ve been wrestling with this for a couple of hours now (likely something simple).
    On my STORE page, all looks great except at viewport <980px, when the individual product images become too small and look poor.
    I’ve checked your demos, and this does not happen there. I’ve been through my theme settings, and I don’t think I’ve any custom CSS that would affect this page.
    It seems to be something to do with this code, but that’s as far as I’ve got.

    .grid-lg-col-3 {grid-template-columns: repeat(3, minmax(0, 1fr));}

    EDIT – aha! The problem goes away when I disable the Divi-Builder plugin (from Elegant Themes). Is there a known problem with this plugin ?

    Thanks. 🙂

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter photoMaldives

    (@photomaldives)

    3 years, 5 months ago

    UPDATE – the problem also goes away when I switch to ‘WP Astra’ theme, but I’d rather stay with Kadence if possible, as it’s so much better in every other regard!

    hannah

    (@hannahritner)

    3 years, 5 months ago

    Hey,
    Thanks for reaching out! Hope you enjoyed your weekend.
    I’m seeing this in your css:

    @media (min-width: 768px) and (max-width: 980px) {
.woocommerce-page ul.products li.product:nth-child(n) {
    margin: 0 7.5% 7.5% 0!important;
    width: 28.333%!important;
    clear: none;
    float: left!important;
}
}

    Looks like it is being output by divi builder though I’m not sure why. You can override with this css:

    @media (min-width: 768px) and (max-width: 980px) {
.woocommerce-page ul.products li.product:nth-child(n) {
    margin: auto !important;
    width: auto !important;
}
}

    Hope that helps!

    Best,
    Hannah

    Thread Starter photoMaldives

    (@photomaldives)

    3 years, 5 months ago

    Super, thanks so much hannah (@hannahritner) for your prompt reply.
    (Late here, I will apply your fix tomorrow)
    Best wishes. 🙂

    hannah

    (@hannahritner)

    3 years, 5 months ago

    Happy to help! 🙂

    All the best,
    Hannah

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Store images too small <980px viewport’ is closed to new replies.