Hello We have developed a theme and made some custom changes to it. However our most recent changes seen here https://m9zpliwb8tho69ch-22689819.shopifypreview.com cause our header to break on iOS and Safari. It seems the burger menu and logo loaded by the svg file stop working on these devices. Could anyone help with the conflict or what is causing the header to not load on iOS? Thanks
It seems like there might be a conflict or issue with the header on iOS and Safari browsers in your custom-developed theme. To troubleshoot and identify the cause of the problem, here are a few steps you can take:
-
Check for errors: On an iOS device or Safari browser, open the website and inspect the browser console for any error messages. Look for JavaScript or CSS errors that could be causing the header to break. Fixing these errors might resolve the issue.
-
Review recent changes: Analyze the most recent changes you made to the theme and identify any modifications related to the header or its associated files. It’s possible that the changes you implemented introduced a bug or conflict that affects the header’s functionality on iOS and Safari. Consider reverting those changes or reviewing the code for any inconsistencies.
-
Test on different devices: Verify if the header issue is specific to iOS and Safari or if it occurs on other browsers and devices as well. Test the website on various browsers (Chrome, Firefox, etc.) and devices (Android, desktop, etc.) to determine if the problem is isolated to iOS and Safari or if it’s more widespread.