Navigation can not be used when use Safari to open

Hi,

I used CSS code to swap the Navigation and Social links located at the header.

https://www.chuxiangdesign.com

I have no problem opening the website with chrome, but if I open the website with Safari, the navigation cannot be used.

I don't know if anyone can help me solve this problem, thanks !

螢幕錄影 2024-08-25 上午11.35.46.mov

"It sounds like there might be a compatibility issue with the CSS code across different browsers. Safari can sometimes interpret CSS differently than Chrome, which might be causing the navigation issue.

One thing to try is checking if the CSS properties you’re using are fully supported by Safari. You can use Can I use to see if there are any known issues with the properties you’re using.

Additionally, consider testing your CSS by isolating the code that swaps the navigation and social links. You might also want to try using more widely supported properties or adding vendor prefixes to ensure cross-browser compatibility.

If the problem persists, looking at the browser's developer tools in Safari might help identify any errors or conflicts."