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

Request: option to position toggle at bottom of screen on mobile #90

Open
WestEndian opened this issue Apr 3, 2023 · 0 comments
Open

Comments

@WestEndian
Copy link

ISSUE
On narrow viewports the toggle button takes up a significant amount of width. When positioned at the top of the screen on a mobile view it can overlap site logo or menu toggle. Re-designing the mobile header may not be possible or desirable.

While it is possible to position the toggle button stickily at the bottom of the screen by over-riding css the accessibility menu is then hidden as it always appears below the toggle.

A client has asked me to turn off the accessibility toolbar on mobile because of this. I'll re-code it myself to make it work for them but it would be great if we could have a feature that gives us a better option out of the box.

** POSSIBLE SOLUTION**

  • Option to position the toggle button at the bottom of the screen (i.e. position: fixed with a bottom offset rather than top)
  • If positioned at the bottom of the screen make menu appear above the button when it scrolls out rather than under.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant