Excessive Header Size - Githubissues

DanielHerr commented 3 months ago

Summary

In many cases, the size of the header is excessive, taking up a third of the body size.

URL

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/super

Reproduction steps

View a page on MDN

Expected behavior

A minimal header footprint or one which isn't stickied as the page is scrolled down unless using large screens on desktop monitors.

Actual behavior

The header is present on phones and laptops and takes up too much space when trying to read content.

Device

Laptop, Phone

Browser

Chrome

Browser version

Stable

Operating system

Android, Chrome OS

Screenshot

Anything else?

https://github.com/orgs/mdn/discussions/680

Validations

[X] I have read the Community Participation Guidelines.
[X] I have verified that there isn't already an issue that reports the same bug to avoid creating a duplicate.
[X] I have checked that this is a concrete bug. For Q&A open a GitHub Discussion.

mirunacurtean commented 3 months ago

I have managed to reproduce on Windows with Chrome on a 1084 × 722 , 996 × 722 to 895 × 722 browser viewport.

https://github.com/mdn/yari/assets/53306802/0edc00b3-efe3-42b7-9489-36582af06edb

@DanielHerr Thank you for raising an issue on MDN. Could you use https://whatismyviewport.com/ or a similar site to provide the viewport you are seeing this issue on mobile?