/* Hide the desktop/top header on mobile & tablet so the bottom tabbar is the only nav */
@media (max-width: 1200px){
  /* Your header component */
  .wbc-header{ 
    display: none !important; 
  }

  /* Common fallbacks in case another template uses these */
  .site-header,
  .header,
  .wbc-header--glass {
    display: none !important;
  }

  /* If any layout reserved space for a sticky header, clear it */
  body{
    padding-top: 0 !important;
  }
}