Transparent Menu Bar Over Image With Sticky bar

Support
#1

Can you please explain or help me achieve the look of the menu bar including the styling here?
http://www.studio540.com/

I am trying to just have that on the home page. The rest of the pages should just have a sticky bar at the top not the slider above the mast if that makes sense.
My URL is: http://ClearKeto.com

#2

Hi,

To achieve that, you can add the code below in X > Launch > Options > CSS

.home .masthead {
   position:absolute;
   width:100%;
}

.home .x-navbar,
.home .x-logobar {
    background:transparent;
}

.home .x-navbar.x-navbar-fixed-top {
    background:#fff;
}

Hope that helps

#3

I managed to get it mostly working but is there an option to have the navbar background shrink as in the example at: http://http://studio540.com

#4

Hi,

I can see you already have added a code to shrink.

Please me know if you still need help on this.

Thanks