put toc drawer icon on the top right of header on mobile

[jcyrss]

On mobile, now toc drawer icon is located on the right side of current nav item, we need to click 2 times to make toc appear. And it's even not easy to be found when nav item lists is long.

How could I move it onto the top right of header bar?

[kamilkrzyskow]

Hello @jcyrss,
best I can do is to put the icon at the top of the navigation drawer with extra CSS:
https://squidfunk.github.io/mkdocs-material/customization/#additional-css

.md-nav__link--active .md-nav__icon {
  position: absolute;
  top: 2rem;
  right: 2rem;
}

No matter the positioning setting, it's always constrained by the navigation drawer, so the only other solution I can think of would be to use JavaScript to add a custom TOC button in the position you want and invoke with it the logic of the left button, but I can't say if it's the best solution there is.
https://squidfunk.github.io/mkdocs-material/customization/#additional-javascript

[jcyrss]

Thank you @kamilkrzyskow. At least by your suggestion of CSS way, the TOC drawer icon is easier to see now. I will take this for time being. :)

[squidfunk]

We will re-evaluate mobile navigation, including the table of contents, once we work on the visual appearance again, which is planned for later this year.

[jcyrss]

That's great.