Can the header be fixed to the top on mobile?

Status
Not open for further replies.

Busty Lady

I'll defeat your existence with my killing power
kiwifarms.net
Joined
Dec 27, 2018
So I did "add to homescreen" on my phone and it turned the site into this cool little dedicated webapp, so I was thinking it would be a cool idea to make the header with the menu button and everything be stuck to the top while you're scrolling on mobile, so you can have access to your notifications and other menu options without having to scroll all the way to the top everytime. I just think it would be a cool idea.
 
For what its worth, I think that this would be bad because it would reduce the amount of screen space dedicated to reading and posting on the site, which is sort of the whole point of it.
The logo could be shrunken a little bit to accommodate more screen real estate, but I see your point. I'm just really into UI shit so I thought it would be cool. a kiwi farms app, with reply notifications and other integrations and stuff like that would be SUPER cool but that's never going to happen.
 
There’s the floating top/down shortcuts on mobile, which are convenient enough to reach the header bar.

One tweak that could help is making the header hide as normal when scrolling down but show up again when scrolling up. It’s also a trade off that could get annoying on small screens.
 
  • Like
Reactions: BustyLady
If your mobile browser supports add-ons use a CSS editor like Stylus or something and paste in the below:
CSS:
.p-nav {
    position: fixed;
    z-index: 9001;
    width: 100%;
}
.p-body {
    padding-top: 90px !important;
}

The padding pixels may need adjusting per device but you get the idea.
You'll need to mess with scripts/tampermonkey to implement that hide function.
 
Status
Not open for further replies.
Back