newjersey / njwds

NJ Web Design Standards
https://newjersey.github.io/njwds/
MIT License
9 stars 2 forks source link

Investigate logo width on header #51

Open namanaman opened 1 year ago

namanaman commented 1 year ago

Currently, we have

// Header - prevent wrapping of logo text
.usa-header--extended {
  .usa-logo {
    max-width: 50%;
  }
}

This can lead to unexpected spacing on headers, such as between the logo and Menu button on the Innovation website (specifically mobile). We may want to look into removing this, adjusting the %, or adding a media query to only use it on desktop