Change Header depth in Gateway theme

• 

  quatroboots · Member · Aug 14, 2015 at 2:46 pm

  • Copy link
  • Add topic to favorites

  Default header size for Gateway theme is 2560 x 640. I would like to drop in an image with a height of 1080 px. None of the CSS code I’ve tried seems to be working. Can you help?

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Aug 14, 2015 at 7:55 pm

  • Copy link

  Hi there, it looks like you are close. To have a 1080px tall header, change the min-height you have in .header-bg to 1080px. The header image will expand to fill that area.

  .header-bg {
      background-color: #e8554e;
      background-position: 50% 0;
      background-size: cover;
      height: 100%;
      min-height: 1080px;
      position: relative;
  }