Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 26, 2020 at 4:15 pm #1240953
    tremblayly

    Hi
    I’d need to reposition the zoom icon on the single product page product image because it covers the logo that is added to all product images.
    On large screen, it ‘s not as much a problem, but on smaller screens, it covers the logo.
    Perhaps I could have it on the top right corner of the image, but how would I do this and keep it responsive between screen sizes?

    The website is in development so I have included access credentials below so you can see what’s happening.

    Any help would be much appreciated.
    Lyse

    https://diyjewellery1.wpengine.com/product/ear-studs-with-oval-bezel-mounting-in-sterling-silver-19mm-x-10mm-x-4mm/

    August 31, 2020 at 5:05 pm #1242254
    Yigit

    Hey Lyse,

    Credentials did not work for me. If suggestion below does not help, could you please check them once again?

    If you are using WC 3.0 product gallery style, please try adding following code to Quick CSS

    .single-product .single-product-main-image .avia-wc-30-product-gallery-lightbox {
    position: relative;
    float: right;
    left: auto;
    right: 55px;
}

    Best regards,
    Yigit

    August 31, 2020 at 9:55 pm #1242287
    tremblayly

    Hi Yigit
    That worked. Exactly what I was looking for.
    Thank you so much.
    Lyse

    August 31, 2020 at 10:25 pm #1242291
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Position of Zoom Icon on single product page’ is closed to new replies.