DYAD header size?

• 

  experimentdiscontinued · Member · Feb 21, 2017 at 4:06 am

  • Copy link
  • Add topic to favorites

  I am using the DYAD theme, but the header area is too big. I’ve looked in editor, but I’m not sure which part I need to edit to shorten the header image. Anyone familiar with this theme?

• 

  staff-loquaciousloon · Staff · Feb 21, 2017 at 3:36 pm

  • Copy link

  Hi @experimentdiscontinued!

  It looks like you’re running a self hosted WordPress site, which is a little different from the WordPress.com hosted sites this forum is geared towards. Your best bet in the future will be to post to the support forum for the self hosted version of Dyad, here:

  https://wordpress.org/support/theme/dyad

  For the height of the header area, you might try this CSS:

  @media only screen and (max-width: 1600px) {
      .site-banner-media, .site-banner .site-banner-thumbnail {
          padding-bottom: 30%;
      }
  }
  @media only screen and (max-width: 1600px) {
      .home .content-area, .blog .content-area, .single-format-image.has-post-thumbnail .content-area {
          margin-top: 30%;
      }
  }

  Depending on what you use in your header, decreasing it too much might cause some overlap with the navigation but you can play around with those two 30% values if you’d like. They should both be the same, and they were originally 401% :)