Is it possible to have my desktop navigation menu to revert to burger instead of them stacking?

Site URL: https://ladybug-chicken-2tp4.squarespace.com/

Hello,

I'd like my navigation items to revert to a burger instead of 'stacking' on top of one another when the window is made smaller. They convert to a burger when it gets to mobile width, which is great. But id like it to turn to a burger as soon as they start stacking because it is ugly.

Thanks in advance,

Jack.

Site pass:

*3iRgpCKJ-8@bBZ7

Add to Design > Custom CSS

/* Force burger from 1200px */
@media screen and (min-width:768px) and (max-width:1200px) {
 /* hide navigation */
    .header-nav {
    display: none;
}
/* Hide header button */
.header-actions {
    display: none;
}
/* show burger */
.header-burger {
  display: flex;
}
/* Show overlay mobile menu */
.header--menu-open .header-menu {
opacity: 1;
visibility: visible;
}
}

Hi @Tuanphan,

Thanks so much for your help and time, it is much appreciated.

When I use this code, it works partially. When it breaks to burger, the burger moves to the far left instead of right and the cart word and value disappears. 😞

if you view the website in mobile view (attached), this is how I would like the burger to be when it replaces the menu if possible. 

Thanks so much again,
Jack

It looks like you solved this?

13 hours ago, tuanphan said:

It looks like you solved this?

Hi Tuanphan,

Unfortunately not, we have the widescreen state which is the standard desktop which is fine, and shown on the post above is the mobile state, which is also fine

However, in between these widths, so when desktop view is in too small of a width to fit the navigation items in, it reverts to the burger (which is correct) but the burger is on the left of the screen.

If you squidge the window down slowly you will see what i mean, ive shown in pictures here.

Thanks so much for your help and expertise!

basically, id like the burger on the view with a red cross to look like the burger on the one with a green tick, to show the cart and value and be on the right of the screen