digitoimistodude / air-light

💨 WordPress starter theme - designed to be minimal, ultra-lightweight (< 20 kB) and easy for all kinds of WordPress projects. 7+years/1000+hours of development and still updating daily! We prefer the original WordPress way of doing things so no strange templating languages or frameworks here.

https://airwptheme.com

MIT License

945 stars 142 forks source link

CSS fix for hamburger menu positioning bug on iOS 15.1 #137

Closed dylanelliott27 closed 2 years ago

dylanelliott27 commented 2 years ago

134

Pushing this just to show the changes, I don't think this is a proper fix though. I am just realizing that doing this breaks the animation/transition effect of the menu panel when opening. It does fix the actual origin issue though. I can likely take another look tomorrow and see what alternatives there may be.

ronilaukkarinen commented 2 years ago

Thanks for this! Exactly for the sake of animations visibility: hidden; and visibility: visible; is originally used instead of display. Display tends to break the transitions due to its nature.

This is kinda low priority for us right now because we don't currently have a physical iOS 15.1 at the office. I'll test these things out anyway soon enough but feel free to do your own research if you have time :)