Product page "Quantity selection" problem -Safari

Technical Q&A
,
1

Hi everybody!

I am having a problem with my product pages on Safari browser. On the product page, the quantity is always surrounded by a black rectangle. No matter what I do, it is always like this. The page loads this way.

This is only a problem on Safari, other browsers are ok. And also not a problem on tablets, and mobiles. See attached

Does anyone know how to fix this?

I asked Shopify many times, but apparently, a 70 BILLION DOLLAR company cannot even open a Safari browser on their computer to even look at the issue…

Website is www.reneleblanc.com login: client1

Thank you!!

Screenshot 2023-02-23 at 6.14.45 AM.png
Screenshot 2023-02-23 at 6.14.45 AM.png2855×1393 252 KB

2

Hi @RENE_6 ,

I checked on my device and it shows fine. Did you solve it?

3

Thank you.
Still not resolved… when the pages load, they are still loading with the quantity “preselected, with black square”…

4

Hi @RENE_6 ,

Please go to Actions > Edit code > Assets > theme.css file and paste this at the bottom of the file:

.product-form__input::selection {
    background: none !important;
    color: #000000 !important;
}

Hope it helps!

5

Thank you so much!
I will send this to my developer right away. I really appreciate your help!
R

1 Like