Product gallery problem – wrong alignment?

Hi @thetomas88,

I am sorry for the trouble.

Upon inspection with my test site. I found the only Layout 3 style of product gallery contains the issue as reported.

We’ll to investigate it further with our development team and fix it as soon as possible when they can reproduce the same issue.

Meanwhile, try enabling Layout 1 style: https://i.snipboard.io/gh4RJH.jpg.

Yeah, this isnt as good tho, could you at least provide some code so I can have at least 6 pics in one row in gallery? When there is 3 or 4 it is too big for me

Thank you

Hi @thetomas88,

Thank you for getting back.

While you have Layout 3 gallery enabled, to fix your issue, you may need to add this CSS code to Appearance > Customize > Additional CSS from dashboard.

@media only screen and (min-width: 992px) {
  .woocommerce #content div.product div.images {
    display: block !important;
    padding-left: 80px;
    position: relative;
  }

  .woocommerce #content div.product div.images > div {
    float: left;
  }

  .flex-control-nav {
    width: 65px;
    position: absolute;
    top: 0;
    left: 0;
  }

  /* Product image */
  .woocommerce #content div.product div.images,
  .woocommerce div.product div.images,
  .woocommerce-page #content div.product div.images,
  .woocommerce-page div.product div.images {
    width: 56%;
  }

  /* Description */
  .woocommerce #content div.product div.summary,
  .woocommerce div.product div.summary,
  .woocommerce-page #content div.product div.summary,
  .woocommerce-page div.product div.summary {
    width: 40%;
  }
}

You may need to clear cache (if any) once that code applied. Otherwise, your web browser may not able to load this CSS addition.