I want to keep the desktop navigation on all screen sizes

Site URL: https://arugula-helicon-ljj9.squarespace.com/

Is it possible to use the desktop navigation on tablet and mobile? My nav is small and I prefer the layout of the desktop version, therefore I don't want to the hamburger menu. Thank you!

7 hours ago, Amval said:

Site URL: https://arugula-helicon-ljj9.squarespace.com/

Is it possible to use the desktop navigation on tablet and mobile? My nav is small and I prefer the layout of the desktop version, therefore I don't want to the hamburger menu. Thank you!

try

@media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px) {
  .header-display-desktop {
      display: flex;
  }
  .header .header-actions, .header .header-actions-action--social, .header .header-actions-action--cta {
    display: flex;
}
  .header .header-title-nav-wrapper .header-nav {
    display: block;
}
  .header .header-title-nav-wrapper {
       flex: 1 0 67%;
  }
  .header .header-title-nav-wrapper .header-title {
    margin-right: 0;
    flex: 1 0 75%;
    text-align: left;
}
  .header-burger {
    display: none;
  }
  .header-display-mobile {
    display: none;
  }
}

Thank you bangank36 that worked perfectly!

@Amval Do you need support on these?

Site URL: https://arugula-helicon-ljj9.squarespace.com/

1. (Tablet – homepage) Buttons don’t lie on the same row

2. (Mobile/Tablet – homepage) Image don’t show in full size

3. (Tablet – Homepage) Images look very small, do you want to resize them?