Reducing Header Size (ippo theme)

• 

  isabelochoablasco · Member · Dec 1, 2016 at 9:23 am

  • Copy link
  • Add topic to favorites

  Hi!
  I was wondering if there is any way to reduce the size on the header on the ippo theme. Right now it is always as high as the device’s screen, but I would like it to be a bit shorter, so that people see a bit of white and know to scroll down.

  Thank you!

  this is the blog: isabelochoablasco.com

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

• 

  thesacredpath · Member · Dec 5, 2016 at 7:59 pm

  • Copy link

  Hi there, this was a bit of a challenge. The following appears to work, but make sure and check it on tablet and phone.

  .fullwidth-slider .featured-slider .featured-image {
  	height: 70%;
  }
  .sticky-header.fullwidth-slider .site-content {
  	margin-top: 67vh;
    }
  .fullwidth-slider .featured-slider .slick-arrow {
  	top: 35%;
    }
  
  @media screen and (max-width: 1024px) {
  	.sticky-header.fullwidth-slider .site-content {
  		margin-top: -30vh !important;
  	}
  }
  @media screen and (max-width: 767px) {
  	.sticky-header.fullwidth-slider .site-content {
  		margin-top: -13vh !important
  	}
  }

• 

  isabelochoablasco · Member · Dec 5, 2016 at 8:15 pm

  • Copy link

  Thank you so much! This works perfectly :D

• 

  thesacredpath · Member · Dec 6, 2016 at 9:59 am

  • Copy link

  Hooray and you are welcome!