• Resolved babakras

    (@babakras)


    Hi,
    The main product image width (container) in single product page appears to be smaller than the width of the gallery under it.

    if you look at picture 1 here you will see the width of main picture is smaller than the width of gallery under it and the magnifying glass is partly outside it but when I move the mouse pointer on the image it will zoom on the picture and the width of the main picture become the same size as the width of the gallery under it , you can see in picture 2 here.

    How can I fix this so the width of the main picture will always be the same size as the width of gallery ?

    Im using storefront theme

    • This topic was modified 5 years, 8 months ago by babakras.
    • This topic was modified 5 years, 8 months ago by babakras.
Viewing 4 replies - 1 through 4 (of 4 total)
  • Hi @babakras,

    Typically I’ve seen that happen with images that are smaller than the available space. It can create the layout you see in that image.

    Try using a wider image and see if it fills in all the available space. If it doesn’t, send over the URL to the product where this happens so we can take a closer look.

    Thanks!

    Thread Starter babakras

    (@babakras)

    Thank you @3sonsdevelopment
    the images are currently 2760 x1707 pixels.
    Do I need to make them bigger?

    Plugin Support Riaan K.

    (@riaanknoetze)

    Hi there,

    Those image sizes should be plenty big enough 🙂

    In order to take a closer look at things, can you share the direct URL where we can see that misalignment in practice?

    Thanks!

    Rynald0s

    (@rynald0s)

    Automattic Happiness Engineer

    Howdy.

    We haven’t heard back from you in a while, so I’m going to go ahead and mark this thread as resolved. If you have any other questions please start a new thread.

    Cheers!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Single product image’ is closed to new replies.