Zooming in on mobile causes nav bar to overwhelm viewport

[gnestor]

Normal zoom:

Zoomed in:

@cameronoelsen One solution is to disable user scaling: Change this line to <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">. The only issue is that I naturally tried to zoom on my phone because I wanted a closer look at the notebook images, so disabling zooming has its own problems. A hack that I read about is to calculate the amount of scale/zoom in JS and scale the nav bar using transform: scale(1 - viewportScale).

[Carreau]

Oh ! Thanks for the precise description.

[cameronoelsen]

This seems to have been fixed since this issue opened so I am closing for now!