Totally Zenned
- Join Date:
- Jan 2015
- Posts:
- 787
- Plugin Contributions:
- 0
Mobile is now hiding the menu bar when clicking on hamburger menu
I noticed an issue with the mobile CSS: when you click the hamburger menu, it now hides the buttons. I think this may have happened as part of a previous change, because I don’t remember seeing this issue before. I’ve attached an image for reference.
This fix—just add some margin-top until the buttons are visible and positioned correctly.
One suggestion based on what I’ve noticed: I recommend creating a dedicated media query specifically for mobile styles. This will make it easier to make mobile-specific adjustments without affecting the desktop layout or creating additional issues.
Also, just some advice going forward: whenever making changes like this, it’s a good idea to test the site on mobile before pushing the changes live. That will help catch issues like this before they make it into production.
One other thing I noticed: the logo is still appearing blurry across all devices. I would definitely prioritize fixing this since the logo is one of the first things visitors see when they land on the site. The fix is just to remove all padding and margins from the logo or just remove the class completely.
If you guys need any help on fixing these issue shoot me a pm. I would love to get involved in the rebuild.