How to keep a naked header when scrolling?

[3t2409]

Whenever I scroll, the naked header disappears and a normal, white header appears.

How can I keep the naked header the entire time I’m on a page?

[3t2409]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below to you custom css option so the background color of the sticky header is transparent.

.header-wrap #header, .header-standard-overlay #header, .vertical-header .header-wrap #header-section, #header-section .is-sticky #header.sticky-header {
  background-color: transparent!important;
}

-Rui

[3t2409]

Cool. This works.

Thanks, Rui!

[Kyle – SUPPORT]

Great, thanks Rui

[3t2409]

Any way the logo/menu can stay white? For example, now it starts white, but when you scroll, it’s black.

[3t2409]

bumping this up.

[eternalbeta]

Not sure if the team will see this since the thread is marked as resolved so thought I would try to help. You should be able to change the menu items to white through the Color Customizer and for the logo, it might not be the best way, but you can upload a white version of the logo as your Alt Logo and tell each page to use that. Just a thought.

[Mohammad – SUPPORT]

Hi,

@eternalbeta – thanks for your thoughts.
Mohammad

[3t2409]

Thanks for the suggestion, eternalbeta.

Mohammad….Is there any other way? When you have hundreds of posts/pages, that makes it tricky.

[Rui Guerreiro – SUPPORT]

Hi,

Can you try to add the code below to your custom css option.

#logo img.dark-logo, #logo img.retina {
    display: none!important;
}
#logo img.light-logo {
    display: inline-block!important;
}

-Rui