Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Clicking a link to a header when window is narrow makes the header hidden under the top menu bar. #1960

Open
KristofferC opened this issue Oct 5, 2022 · 4 comments
Labels
Format: HTML Related to the default HTML output Type: Bugfix

Comments

@KristofferC
Copy link
Member

Try click https://pkgdocs.julialang.org/v1/environments/#**4.**-Working-with-Environments while having a narrow window. The result should be similar to:

gnome-shell-screenshot-fkc0r5

The header is hidden by the top bar and it is a bit confusing since you expected to see the header you got linked to. Scrolling up makes the header be revealed.

gnome-shell-screenshot-28jmcg

It would be good if you could see the header when clicking a link even if the window is narrow.

@mortenpi mortenpi added Format: HTML Related to the default HTML output Type: Bugfix labels Oct 10, 2022
@Hetarth02
Copy link
Contributor

I cannot reproduce this, do we still have this issue?

@mortenpi
Copy link
Member

mortenpi commented Jul 18, 2024

I can repro this. E.g. if you navigate to https://documenter.juliadocs.org/stable/#Package-Features

image

@Hetarth02
Copy link
Contributor

Hetarth02 commented Jul 18, 2024

Ok, but that header isn't fixed right? It moves when scrolling(even at top/bottom of page).

@mortenpi
Copy link
Member

Ok, but that header isn't fixed right? It moves when scrolling(even at top/bottom of page).

Do you mean the top bar? The UX problem here is that the heading you'd expect to see is hidden when you navigate to the page. Ideally it should be visible. I guess there are two solutions here:

  1. Don't jump quite to the heading, but slightly higher, so that it wouldn't be hidden by the top bar.
  2. Just hide the top bar when you load the page.

I actually feel partial to (2) -- seems simpler. But it would be interesting to know how other sites that use headroom handle this.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Format: HTML Related to the default HTML output Type: Bugfix
Projects
None yet
Development

No branches or pull requests

3 participants