I've tried applying several mobile themes to my website, https://www.unionorchestra.org/ but they are all broken. They look and function correctly when I switch to the mobile preview while editing the site, but when I actually view the live website on my Andriod phone or use the developer tools of my desktop browser to view the mobile version, here are the problems:
- The hamburger menu doesn't work on the homepage. Clicking/tapping on the menu icon does nothing. (Oddly enough the menu does work on other pages of the site.)
- The colors do not load correctly. Various background and foreground colors are incorrect.
Here is how the site looks in the mobile preview mode while editing: https://share.getcloudapp.com/X6uQdWp0
Here is how the live site looks in my phone or in mobile mode on my desktop browser: https://share.getcloudapp.com/xQuxAdyK (and menu button doesn't work here)
I've tried switching mobile themes but they all have similar issues.I don't think I'm using any custom theme or CSS options and I've seen other posts on here describing similar things so it appears to be a system-wide issue IMHO.
Does anyone have any ideas or workarounds to fix it? How do we call Weebly's attention to this issue?
