How can I move the mobile hamburger menu below my logo?

Hi Gabriel,

Try this CSS to move the hamburger on mobile:

@media (max-width: 768px) {
.has-inline-mobile-toggle .inside-header {
    flex-direction: column;
    align-items: flex-start;
}

nav#mobile-menu-control-wrapper {
    margin-left: 0;
}
}

Also would like to make the sticky menu a hamburger menu for tablets.

Sticky menu is the clone of the primary navigation, if you want it to be a hamburger for tablets, then you need to adjust the mobile menu break point at customizer > layout > primary navigation.

Thanks but that didn't actually move the menu in mobile view. Do I have to do anything else to get it to go below the logo?

Oops there was a typo in the original CSS, I've updated it: https://generatepress.com/forums/topic/how-can-i-move-the-mobile-hamburger-menu-below-my-logo/#post-2003346

Can you give it another try? Let me know :)

Much better! Thanks.
If I wanted to add some top margin space, how would I do that?

Try this:

nav#mobile-menu-control-wrapper {
    margin-top: 20px;
}

Thanks - that's really helpful.
Final unrelated question - when I'm ready to go live, can I disable the Site Library element even if I used the Site Library to build the site?

when I’m ready to go live, can I disable the Site Library element even if I used the Site Library to build the site?

Once it's imported, you can disable the site library module anytime you want, it won't affect the site.