Hueman Theme Page Header

  • On your Hueman theme page for download/demo, your header changes colors when you scroll down the page. I love this and was curious if you could share how to do so, so that I can include this on my web page as well – The Tech Trunk. Thanks and thanks for an incredible theme!

Viewing 1 replies (of 1 total)

  • Hi,

    I can’t assist with this customization, but in short this is how it works:

    1. It uses bootstrap’s affix.js and has a certain amount of pixel offset to the header. When it reaches that height, for example 200px from the top of the page, affix.js adds/changes CSS class for the topbar.
    2. When the topbar changes class, the rest of the color change and animations/transitions are done purely with CSS.

Viewing 1 replies (of 1 total)
  • The topic ‘Hueman Theme Page Header’ is closed to new replies.