Quickview overlay larger than photo

  • Resolved richward1

    (@richward1)


    6 years ago

    Hi,

    The QuickView overlay is wider than the photos on product archive pages and in Elementor archive blocks – fine on mobile and sometimes OK on desktop, but often not. I can see that Quickview is contained by the photo wrapper, I’m not sure why this wrapper is larger than the photo in some instances or how to fix it without tweaking the css. All photos are the same size – perhaps it’s the photo ratio that’s the problem?

    Can anyone advise?

    Many thanks,
    Rich.

    • This topic was modified 6 years ago by richward1.

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Amit Singh

    (@apprimit)

    Hello,

    I don’t the exact reason for this. It may be the image ratio causing this issue. Try to add the below CSS code to the CUstomize > Custom CSS section and see it works or not.

    img.woo-entry-image-main {
    width: -webkit-fill-available;
}
    Thread Starter richward1

    (@richward1)

    Amit,

    Brilliant, thank you that sorted the problem. The image now fills the whole div so the QuickView doesn’t overlap.

    Cheers,

    Rich.

    Amit Singh

    (@apprimit)

    Glad to hear that it is fixed!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Quickview overlay larger than photo’ is closed to new replies.