Header Config in Pro - For Sticky Bar with Absolute position

Support
#1

Dear Pro Gurus,

I was wondering if it is possible to achieve this kind of header?
http://wilson.thememove.com/homepage-creative-agency/

On the initial page load, the header has no background, placed on a slider but as soon as scroll down, it changes to a header with background. I have fiddled around with “Hide initially” etc and can’t quite figure it out.

Please advise,
TN

#2

Hello There,

Thanks for writing in! This is possible with X/Pro theme by using a custom css to set the background color as soon as you scroll the page. I would recommend that you set up your header first and then provide us the url of your site in your next reply so that we can assist you with the css to hide/show the background color. The url is needed to make sure that we can give you the suitable css for your site.

Thank you for your understanding.

#3

Hi,

The site URL is www.starht.com and passkey to go beyond Under construction page is sent via PM.

Thanks
TN

#4

Hi,

Please post the pass key in Secure Note (the key icon in your previous post).

Thanks

#5

Hello There,

Thanks for updating in! To resolve this please do the following:
1.) Please set your bar as an absolute and turn on the sticky bar option.

2.) and then you can make use of this custom css,

.x-bar-top.x-bar-absolute {
    background-color: transparent !important;
}

.x-bar-top.x-bar-fixed {
    background-color: hsl(0,0%,17%) !important;
}

Hope this helps. Please let us know how it goes.