Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Hamburger toggle button at the top #2573

nerun started this conversation in Show and tell
Discussion options

To move the hamburger toggle button from the bottom of the screen to the top — and have it slide along with the sidebar as it opens and closes, while maintaining responsive behavior — insert the following snippet into the <head>...</head> section of your index.html:

<style>
 /* Move hamburger to the top, following the sidebar's edge (responsive) */
 .sidebar-toggle {
 position: fixed;
 top: 10px;
 left: 300px;
 bottom: unset;
 transition: left 0.3s ease;
 z-index: 9999; /* Ensure it always stays in front of the content.*/
 }
 body.close .sidebar-toggle {
 left: 10px;
 }
 @media screen and (max-width: 768px) {
 .sidebar-toggle {
 top: -11px;
 left: 10px;
 }
 body.close .sidebar-toggle {
 top: 10px;
 left: 300px;
 }
 }
</style>

PS.: this works with the current template provided by docsify.

By Daniel Dias Rodrigues

mon 21 jul 2025 16:36:53 -0300

You must be logged in to vote

Replies: 0 comments

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
1 participant

AltStyle によって変換されたページ (->オリジナル) /