Make WordPress Core

Opened 4 years ago

Last modified 13 days ago

#40544 new feature request

Flying admin menu bar (Header Bar)

Reported by: arvindsinghu Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version:
Component: Toolbar Keywords:
Focuses: ui, administration Cc:


Hi , when i travel some where then I use my phone to edit my blog. From last 1 week I'm using my phone to edit my website and I found difficaltly in editing my website.

Like if I have open theme editor them I have to scroll up again and again to access menu :( when i scroll up then all the coding is mixed and make me confused where I have left .

So what I mean is , there should be flying menu bar on top to access the menu easily :) with out scrolling the screen up .

Like i'm sending two images for example , we have to scroll the screen up to view the menu :)

Attachments (2)

Screenshot_20170423-182837[168].png (142.4 KB) - added by arvindsinghu 4 years ago.
need to scroll up to access the menu
Screenshot_20170423-182848[167].png (72.9 KB) - added by arvindsinghu 4 years ago.
We need to access the menu after scrolling up

Download all attachments as: .zip

Change History (8)

4 years ago

need to scroll up to access the menu

4 years ago

We need to access the menu after scrolling up

#1 @SergeyBiryukov
4 years ago

  • Component changed from Administration to Toolbar

This ticket was mentioned in Slack in #accessibility by afercia. View the logs.

4 years ago

#3 @afercia
4 years ago

  • Focuses accessibility removed
  • Version 4.7.4 deleted

It might make sense to explore a fixed position for the menu, for now I'd remove the accessibility focus since not strictly related to a11y.

#4 @dinhtungdu
21 months ago

I think we can consider using a solution like headroom.js, but it should be implemented in admin-bar.js, not another third-party library.

This ticket was mentioned in Slack in #core by sabernhardt. View the logs.

4 months ago

#6 @sabernhardt
13 days ago

Related: #42300

I would like to explore keeping CSS position: fixed for mobile screens. The mobile toolbar already shows above the post (block) editor, even if the user prefers fullscreen mode on larger screens. I think having it consistently at the top would be better.

Simply removing the position: absolute rule could worsen the experience with older mobile browsers, which behaved oddly with fixed positioning (ticket:25858#comment:19). On the other hand, the very next rule sets the #wp-responsive-overlay element to fixed. Mobile browser support is better now, yet using CSS @supports might help prevent any problems.

Another possible issue with keeping a fixed toolbar is how it takes up space on mobile with landscape orientation (r26373). If that needs consideration, I prefer defining the different behavior based on max-height.

Note: See TracTickets for help on using tickets.