Remove subtitle from header in mobile

[snaqvi1990]

Last question I promise! I added a subtitle which looks great, but on mobile it makes the header on any of the non-main pages a little thick. Is there any way to remove the subtitle from these pages (but not the home page on mobile)?

[vincerubinetti]

Yes, in /_styles/header.scss, find this code already there:

// the header, when not "big" (on the homepage)
header:not([data-big]) {
   // when on a small screen width (mobile)
  @media (max-width: $collapse) {

    // add this (selects and hides the subtitle)
    .title > *:last-child {
      display: none;
    }
  }
}

I haven't tested this, but it should work.