Fixing z-index issue on Safari browser
by Kiet Huynh · March 21, 2019
Sell Online With Shopify
Trusted by millions of businesses worldwide
Sign up for a free trial and enjoy 3 months of Shopify for $1/month on select plans.
The z-index isn’t rendering properly on Safari – but it is working fine on Chrome and Firefox.
On Safari browser, the z-index seems to be ignored. You can’t figure out what the Safari specific bug would be.
Don’t worry! Here is the fix, add this to the content layer and it will magically fix itself.
| #element{ -webkit-transform: translate3d(0,0,0); z-index: 999; } |
Happy coding!
Related
Related Posts via Categories
Looking for Shopify Experts?
Hura Apps can help you take your store to the next level
Our team of experienced designers and developers can help you create a beautiful, high-converting Shopify store that will drive sales and increase customer satisfaction. From custom design to app development and optimization, we have the skills and expertise to help you achieve your eCommerce goals.
Get in touchTags: CSSFirefoxGoogle ChromeSafari
You may also like...