SOLVED: Another zoom icon appears below the original image zoom icon on the woocommerce product page when using RTL

Browser: Chrome 109
OS: Windows

Hello,
When using the RTL version, another zoom icon appears below the original product image zoom icon on the woocommerce product page.

Illustrative image

If there is CSS code to quickly resolve this error, please provide it until the update is released

Kind Regards
mohamed

Hi Mohammed,
Thanks so much for your report!

I reproduced the issue and added it to our bug tracker.

Edit: This should work.

.single-product .woocommerce-product-gallery .woocommerce-product- gallery__trigger::before {
  left: 0; 
}

Best regards,
timmse

Hi @timmse

Thank you very much

But the code doesn’t work

Then only the sledgehammer will help:

.single-product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:before {
  left: 0 !important; 
}

Thank you very much

The problem was solved with this code

Kind Regards
mohamed

Hi Mohamed,
We’ve fixed this issue in Bricks 1.9.5, now available as a one-click update in your WordPress Dashboard.

Changelog: Bricks 1.9.5 Changelog – Bricks
Please let us know if you are still experiencing issues.

1 Like