Exiting zoomed in image

[EricLivesay]

Hello.

I was just informed of an issue. I was told by a friend browsing my square website that there's an issue with zooming in. When they click an image of a product and it takes them to the zoomed in image there is no way to exit the window. There are left and right arrows to go back and forth between images. But there is no "x" button to exit. The only way is to click the back button, which goes back to the main page where they have to scroll back to the item and click on it again to view it. This is not the way it should be. It didn't used to be like this.

Any ideas why this has changed?

(Turned Wooden Pieces | LIVESAY CREATIONS (square.site))

[JK_Fiber_Art]

Hi Ericlivesay,

I'm seeing the same behavior with my site - no way to exit the Zoom mode other than clicking the return button.  

jk

[EricLivesay]

Glad to know it's not just me.

Do we know of a fix?

[BestWoodPro]

I also need a fix for this asap. I get quite a bit of traffic & this looks bad on us.

[JJ_]

Hello,  @BestWoodPro 

I would like to take a closer look into this. When you have a moment please share a link to your website here. 

[BestWoodPro]

Hello, @JJ_ 

Thanks for taking the time to look into this. The link to our site, https://www.rabaudio.com/

Thanks again

[JJ_]

Hello, @BestWoodPro  I escalated this over to ur Advance Support team and they have identified this as a known issue for websites using a dark theme. They are working on resolving it and will let me know when this is addressed. In the meantime, they have let me know that Customers can press the "Esc" to exit the Light Box. 

[taylorandjones]

Hello, @EricLivesay @BestWoodPro @JJ_ @JK_Fiber_Art 

I'm a website designer that works for Square Online sellers and I have a Square Online store for my own products and services. 

I can see the close out icon "X" on my website zoomed image page, lower left.

I believe this is because the color palette for this page is set to a color combination that reveals the "X" with black text.

See this behavior: https://www.taylorandjones.com/product/tempest-original-painting/38

@BestWoodPro when I view one of your live zoomed image pages the "X" is not visible (love your product line).

When I look at your color palette on the zoomed image page, text is set to white.

When I test your page offline with "red" text, your "X" appears.

Screenshot is attached for your reference.

My dilemma – one of my clients observed that the placement of the "X" in the lower left is unexpected.

Is it possible to move the "X" position to the upper right?

Any helpful feedback or guidance is appreciated!

close out icon text "red" text