How to override class of header?

  • Unknown's avatar
    ralphvanroosmalen · Member ·

    When I scroll down, the header changes, java script changes the class. I would like to have the header constantly look like when you scroll down.

    when you open the page //*[@id=”header”] class=”header-large” as soon as you scroll down the class is changed into “header-small”.

    Thanks in advance

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

  • kathrynwp · Staff ·

    Hi Ralph, give this a try and see how it goes:

    #header.header-large {
  background-color: #ffffff;
  background-image: none;
}

#header.header-large .menu-container {
  padding: 12px 0px;
}

#header.header-large {
  background-image: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  background-color: rgba(255, 255, 255, 0.8);
}
  • Unknown's avatar
    ralphvanroosmalen · Member ·

    Thank you very much! Exactly what I had in mind.

  • kathrynwp · Staff ·

    Great, glad that’s what you wanted. I’ll mark this thread as resolved but feel free to start a new one if you need help with anything else.

  • The topic ‘How to override class of header?’ is closed to new replies.