99u Header style!

[douglasdavidalexander]

Hey there!

I’ve been trying to create a similar header as seen on this site: https://99u.adobe.com/

Please, could you lend some expert guidance on how I may accomplish this, or is it not possible with Pro?

Fingers crossed, it is possible.

Thanks,
David

[Prasant]

Hello David,

Thanks for asking.

If you are looking to change the background color on scroll of header, you can take a look at the solution provided in following thread.

Change header colour on scroll

Thanks.

[douglasdavidalexander]

Hey @Prasant

Thanks for the above info. Unfortunately, that did not work.

However, I’ll leave it for now.

Thanks,
David

[ruenel]

Hello David,

Are you using Pro theme and have built a custom header? Please edit your custom header and insert this custom css in the bar setting’s “Customize” tab

$el.x-bar-fixed {
  background-color: #2c3e50 !important;
}

Feel free to change the color.

[douglasdavidalexander]

Hey @RueNel!

Just now entered the code and it worked beautifully.

Awesome, mate!

[ruenel]

Hey @bbigdave

Thanks for letting us know that it has worked for you.

Cheers.