Search code examples
csssafariviewporthidden

Menu is not visible in safari

Recently I have started working on a website. In that I have created a new menu. The menu is working fine on Chrome, Firefox, etc. but the Safari browser is giving me an error.

The menu is completely hidden on Safari.

My Website link: https://www.destylio.com/

This is how it looks on Chrome: Menu in Chrome

This is how it looks on Safari: Menu in Safari is

So please help me to solve this issue ?

Solution

  • I think you might need to set your .overlay ul li opacity to 1. Maybe you've got an animation running that's not resetting on load?

    .overlay ul li {
 opacity:1;
}

    You use -webkit-animation: fadeInRight 0s ease forwards; - I don't think that's running in safari, where it is in chrome. As a result the LI's are being rolled in.