Use small header always

• 

  cedecasite · Member · Jul 24, 2017 at 2:38 pm

  • Copy link
  • Add topic to favorites

  My site uses two headers: header-large and header-small. The large one appears until you begin scrolling down, then it is replaced by the small one.

  I would like to add CSS to always show only the small header, but I haven’t been able to make this work. Any suggestions for how do this? Thank you!

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

• 

  thesacredpath · Member · Jul 26, 2017 at 2:59 am

  • Copy link

  Hi there, in the slider, there are some settings that I cannot seem to override. This is about the best I can do it seems.

  @media screen and (min-width: 1025px) {
    .home-slider .slideshow .slides li.post {
      height: 450px;
      background-position:            center top !important;
      background-size: 100% auto;
      background-repeat: no-repeat;
    }
  }
  @media screen and (max-width: 1024px) {
    .home-slider .slideshow .slides li.post, .home-slider .slideshow .loading {
      min-height: 280px;
    }
    .home-slider .slideshow .slides li.post {
      height: 280px;
    }
  }
  @media screen and (min-width: 480px) {
    .home-slider .slideshow .slides li.post, .home-slider .slideshow .loading {
      min-height: 280px;
    }
  }