7.1 hamburger menu on all devices

hey everyone,

I'm trying to keep the hamburger menu on desktop.

I've managed to do it, but can't seem to get my logo in the center.

can anyone help?

here's what I've done so far:

@media screen and (max-width: 5000px) {
  /* Display burger icon at all widths*/ 
  .header .header-burger {
    display: flex;
  }
  /* Make burger menu visible at all widths */  
  .header--menu-open .header-menu {
    opacity: 1;
    visibility: visible;
  }
  /* Hide primary navigation menu */ 
  .header .header-title-nav-wrapper .header-nav {
    display: none;
  }
  /* burger position */
.header-display-desktop {
    flex-direction: row-reverse;
}
}

https://janetesilveira.squarespace.com/

ps: 1234

Hi. The logo looks center here. Did you solve the problem?

On 5/6/2021 at 5:03 AM, tuanphan said:

Hi. The logo looks center here. Did you solve the problem?

Hi @tuanphan!

Thanks for replying.

No, It looks like it's in center but it's not, specially when the screen is a little smaller than desktop.