Reducing Header Size (ippo theme)

  • Unknown's avatar

    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)

  • Unknown's avatar

    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
    	}
    }
  • Unknown's avatar

    Thank you so much! This works perfectly :D

  • Unknown's avatar

    Hooray and you are welcome!

  • The topic ‘Reducing Header Size (ippo theme)’ is closed to new replies.