Single product gallery takes all the space

  • Hi,

    Starting about one month ago all the single product pages have been altered (probably by some auto upgrade) and now the picture of a single product takes all the space available. Doing so, the description of the product goes on the next row.

    No matter what I select in the image dimension in woocommerce, the images keeps on getting the 100% width.

    How can I fix this? I digged into all the available options in woocommerce but none seems to work.

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

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

  • Hello @grayneel,

    Thank you for reaching out,

    Please check this screenshot: https://postimg.cc/dkNLc1jH.
    It seems the issue stems from some customization. It may also be wrong due to sizing in the settings, to check the settings, please navigate to WP Dashboard > Appearance > Customizer > WooCommerc > Single Product, find and set 50% width for the “Image Width (%)” option: https://postimg.cc/TKx7DYnH.

    Also, you can put the CSS below in Customizing > Custom CSS/JS > CSS Code:

    @media(min-width:1200px) {
    .woocommerce #wrap div.product div.images,.woocommerce.content-full-width div.product div.images {
         width: 50% !important;
    }
}

    Result: https://postimg.cc/HrW0mJwH.

    Please read this link for more information about the CSS/JS code on the customizer: https://docs.oceanwp.org/article/354-add-custom-css-and-js-to-your-website.

    Note: If you have any cache plugin or server cache(CDN / Browser Cache and Cookies and …), you need to clear its cache contents or disable them to see your changes. Also, remember to click on the regenerate all assets file and data in Elementor > Tools(if you have Elementor).

    I hope that helps.
    Best Regards

    Thread Starter grayneel

    (@grayneel)

    The “Image Width (%)” was already set to 50% but the CSS definitely solved the issue.

    Thank you so much!

    You’re welcome.
    I’m glad we could help.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Single product gallery takes all the space’ is closed to new replies.