Responsive classic template pill style buttons appearing on mobile devices

[richard7315]

Hi,
As mentioned in the responsive classic template support thread - CSS buttons appear correctly when using mobile emulators (such as firefox or chrome devtools) but lighter coloured ‘pill’ style buttons are displaying on iphone/ipad mobile devices.

This appears to be a bug – please see below a possible fix (many thanks to janks and rlexyd for the code).

Add the following to your stylesheet.css

input.submit_button, input.cssButtonHover { -webkit-appearance: none; }


https://www.zen-cart.com/showthread....19#post1383119

Hopefully a fix can be included in future versions of Zen Cart.

[lat9]

Hi,
As mentioned in the responsive classic template support thread - CSS buttons appear correctly when using mobile emulators (such as firefox or chrome devtools) but lighter coloured ‘pill’ style buttons are displaying on iphone/ipad mobile devices.

This appears to be a bug – please see below a possible fix (many thanks to janks and rlexyd for the code).

Add the following to your stylesheet.css

input.submit_button, input.cssButtonHover { -webkit-appearance: none; }


https://www.zen-cart.com/showthread....19#post1383119

Hopefully a fix can be included in future versions of Zen Cart.

... or Safari. I'm finding more and more incompatibilities (like https://www.w3schools.com/tags/att_img_loading.asp) coming from that browser.