Tagged: header, one page, scroll, transparency, transparent
Hi,
this is the header of ENFOLD’s One Page site:
When scrolling down, the header changes to this in the demo:
What can I do, so that the header remains as it is from the beginning, before you start to scroll down (like screenshot 1)?
I would always have it transparent, not any changes if you scroll down.
Thanks.
Hi!
Disable header stickiness in Header > Header Behavior and add this to Quick CSS:
#header{
position: fixed !important;
}
Cheers!
Josue
I had the same question as colorit2 and I implemented your suggestions (uncheck ‘sticky header’ box and add code to quick CSS).
I see that the header now sticks to the top and doesn’t change color or shape I scroll down, which is great! However, the underlining behavior changes after implementing your suggestions.
Originally the underline shows up on initial page load and the underline moves when scrolling (as can be seen in the demo http://kriesi.at/themes/enfold-restaurant-one-page/). After implementing your suggestions the underline doesn’t show up on initial load or when scrolling. It only shows up when hovering over the menu items.
Is there a way to have the header stick to the top and not change color or shape on scrolling, but keep the initial underline behavior like in the demo?
Thanks much!
Hi,
It may, can you post the link to your website please?
Regards,
Josue