Docs

[KyleLeFevre]

I love how the menu works on this homepage: http://dccc.org/

Basically it is a blue static header with the menu, but initially it is transparent and the image goes to the top of the page. Then as you scroll down past the image it turns back to blue.

Any thoughts on how to accomplish this? I would also be ok with the header staying transparent which was my initial thought.

[Lely]

Hello Kyle,

On Appearance > Customize > Header > Navbar Position > Choose Fixed Top. Then add the following CSS on Appearance > Customize > Custom > Edit Global CSS:

@media (min-width : 980px) {
.home .masthead {
    position:absolute;
    top:0;
    width:100%;
}

.home .x-navbar {
    background:transparent !important;
}
}

Hope this helps.

[Author]

Posts