Tagged: CSS, customization, enfold, menu
Check out the menu functionality on the Coachella website:
The menu goes away as users scroll down to make room for more content, but when a user scroll back up – it comes back. This is a really nice feature for usability.
I’ve seen this a few other places, and found a tutorial:
https://medium.com/@mariusc23/hide-header-on-scroll-down-show-on-scroll-up-67bbaae9a78c
But I’m wondering if there might be a pure-CSS way to get the same functionality?
Hey fitzpatrick512,
That is a lovely header behavior! Thank you for sharing. What you can do with Enfold for now is turn on the Shrinking Header. This can be found in Enfold > Header > Header Behavior.
If you would really like to use pure CSS, please let us know if you find some code, and we’ll try to help you apply it to the theme. Otherwise, you might want to hire a developer to create the code for you, or you can post a request in our Feature Requests system: kriesi.at/support/enfold-feature-requests/
Best regards,
Sarah