Gallery Images infringe on Main photo in Firefox

  • Resolved cr8n

    (@cr8n)


    3 years, 9 months ago

    When using vertical gallery on the single product page, the main image seems to get intruded upon by the gallery, so the main picture shows off-center and the right side gets cut off. This problem is unique to Firefox. Chrome shows gallery and main picture correctly.

    I contacted my theme creators and they came up with (Additional css) code that makes it display properly when there are 2 or less gallery pictures. 

    
@-moz-document url-prefix() {.woocommerce-product-gallery__image.flex-active-slide {    width: 25% !important;}}

    If I change the percentage to 13% it shows ok for up to 4 gallery pictures. After that it starts to infringe on the main picture again (see link).

    The more gallery images, the worse it becomes. I can continue to reduce the percentage to make more than 4 gallery images show correctly in Firefox but the theme creator suggested I report this to you to get the woocommerce code fixed so that it shows properly without the additional code.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Mirko P.

    (@rainfallnixfig)

    Hi @cr8n,

    The Woocommerce product gallery vertical left alignment is not something that can be done with the default options in WooCommerce. The WooCommerce Product Gallery in the default Storefront theme will look like this:


    Link to image: https://bit.ly/3xeBrmY

    The style is controlled by the custom code, plugin or in this case your current active theme Astra. Therefore, we’re unable to provide a general solution to this because each theme is different and may display the gallery in a different way.

    To arrange and fix the styling some additional CSS code may be needed. You could get more help from your theme’s developers or if you want to explore other routes to change the actual coding, we’d recommend hiring a developer or one of the customization experts listed at https://woocommerce.com/customizations/.

    Thanks.

    Mirko P.

    (@rainfallnixfig)

    Hi there,

    We’ve not heard back from you in a while so I’ll go ahead and mark this thread as resolved. I hope you will find the above information useful.

    Please feel free to create a new thread if you have further questions.

    Thanks.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Gallery Images infringe on Main photo in Firefox’ is closed to new replies.