Debutify - product picture glitches after zooming

Shopify Discussion
1

Hi guys,

When i click on one of the pictures of my products (so the pics get bigger) and leave the zoom, my product page “jumps” and the picture sits wrong after. I tried a lot and know some about Shopify, but I think it just glitched. Do i have to check code? Or does anyone know what to do?

Link: https://gamespacers-9185.myshopify.com/collections/ergonomische-game-stoelen/products/herman-miller-aeron-gaming-onyx?variant=43796819968265

Schermafbeelding 2023-01-16 om 12.45.12.png
Schermafbeelding 2023-01-16 om 12.45.12.png2850×1386 357 KB

Thank you!

2

Hi @Thomaskru

Please follow these steps:

  • Step 1: At Shopify Admin, Choose Online Store → Themes → Edit Code

view - 2023-01-17T134306.485.png
view - 2023-01-17T134306.485.png1907×917 75.9 KB

  • Step 2: Find and open the theme.css file and add this code at the end of the file:
.btn-zoom {
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
}

.btn-zoom > span {
    position: absolute;
    bottom: 10px;
    right: 10px;
}
  • Step 3: Save your code.

I hope that it will work for your site.