That moment your site's mobile menu covers the entire screen because of one missing overflow property

I was demoing a new landing page to a client last Wednesday and the hamburger menu expanded to fill the whole viewport, blocking every click. Took me 45 minutes to realize I forgot to set overflow hidden on the body when the menu was open. Has anyone else had a simple CSS bug turn a presentation into a disaster?

2 comments

2 Comments

kai77910d ago

Spent an hour in a client meeting trying to tap through an invisible menu layer I forgot to hide.

patricia38510d ago

That part about "trying to tap through an invisible menu layer" hit close to home. What worked for me was starting to always do a quick walkthrough of the whole interface before any client meeting. I run through each screen like a normal user would, tapping every button and link. That way I catch those hidden layers or any other weird glitches before they embarrass me in front of a client. It only takes ten minutes but it saved me from looking foolish more than once. Also helps to keep a notes file open where I jot down any issues I find so I can fix them right after the meeting.