Decrease mobile breakpoint to show full navigation in tablet view

1 hour ago, Haoma said:

When I view my site on an iPad in landscape view, I would like the full header navigation to display as it does on desktop view, instead of switching to the mobile header setting. Is there a way to decrease the mobile breakpoint in the custom css panel? 

http://www.haomaselections.com

Thanks in advance!

Try adding to Home > Design > Custom Css

@media only screen and (pointer: coarse) and (max-width: 1024px), screen and (min-width: 768px) {
  .header-display-desktop {
    display: flex;
  }
  .header-burger {
    display: none;
  }
  .header .header-layout--with-commerce .header-title-nav-wrapper {
    flex: 1 0 67%;
    flex-wrap: nowrap;
    flex: 1 0 67%;
    display: flex;
    align-items: center;
  }
  .header .header-title-nav-wrapper .header-nav {
    display: block;
  }
  .header-display-mobile {
    display: none;
  }
  .header-display-desktop .showOnMobile {
    display: none;
  }
  .header-nav-list {
    flex-wrap: nowrap
  }
  .header .header-layout--with-commerce .header-title-nav-wrapper .header-title {
    width: 34%;
    text-align: center;
    flex: 1 1 34%;
  }
  .header .header-actions-action--social {
    display: flex
  }
}

Support me by pressing 👍  or marking as solution if this useful for you