Hamburger Menu on Left with Buttons on Right

I am having such a hard time with this.... I got my mobile site to look how I'd like-- with the hamburger menu on the left, logo in the middle, and donate button on the right, but I can not figure out how to replicate this on the desktop version. Please help!

@hanj Hi! Can you please share your site URL for context? Have you already managed to display the hamburger menu on desktop? If yes, this post might be helpful:

Here's my site:

https://broccoli-quillfish-asgf.squarespace.com

I don't already have the hamburger on the desktop version.

On 7/31/2024 at 7:36 AM, hanj said:

Here's my site:

https://broccoli-quillfish-asgf.squarespace.com

 

I don't already have the hamburger on the desktop version.

You can use this code to Website Tools > Custom CSS

/* Force burger on desktop */
@media screen and (min-width: 768px) {
    .header-menu {
        right:unset;
        width: 25%
    }
      .header-burger {
    display: flex !important;
          order: 1;
}

.header--menu-open .header-menu {
    opacity: 1 !important;
    visibility: visible !important
}

.header-nav {
    visibility: hidden !important
}
    .header-title-nav-wrapper {
    order: 2;
}
.header-actions.header-actions--right {
    order: 3;
}}