The pizza shop site in Buffalo had its menu order button sliding behind the header every time you scrolled | CSS Shenanigans - The Design Community Hub
The pizza shop site in Buffalo had its menu order button sliding behind the header every time you scrolled
Stopped at my cousin's place in Buffalo a few weeks ago and we tried to order pizza from this little shop's site on his phone. Every time you scrolled down to hit the order button, it would slide up and hide behind the sticky header, so you literally could not tap it. I pulled up the same site on my laptop and it was fine, so it was only broken on mobile widths. Turns out their header had a z-index of 9999 and the button had none, so the fix was one line. Anyone else run into a site where the main button is just buried under the nav on phones?
Dealt with that exact thing on a food truck site last summer, button kept getting eaten by the nav on my phone. Just added position relative and a z-index to the button and it worked. Wild that one line can fix a site that feels totally broken.