Forked Lavender: added hero header with auto-sticking navbar
-
Hi there!
Thanks for your great work with NodeBB. It is a very nice part of our site's next-generation feel. I did some slight modding of your Lavender theme to suit our style, and I thought I'd share the mods back with the community in case anyone else was trying to do similar things:
GitHub - Expii/nodebb-theme-expii: A simple theme for NodeBB. Check out the theming guide that accompanies this work
A simple theme for NodeBB. Check out the theming guide that accompanies this work - Expii/nodebb-theme-expii
GitHub (github.com)
(Also, if you would like to incorporate any of these things into Lavender, I'd be very happy to have been of help.)
I added a few features:
- Large header image (for consistent branding with rest of our site)
- Navbar below large header image which auto-sticks to top of page when header image is out of view.
- In left side of navbar, the site logo sends user to main site (not forums), and the forum title sends user to forum front page.
- Navbar is inverted by default
I look forward to watching NodeBB's continued evolution!
-
Thanks for the suggestion! Here's our front screenshot, with the full header image:
When you scroll down, the header image disappears, and the navbar then sticks to the top, with a mini-logo that fades into view.
The large header image made it easier to transition from the dark-colored branding on the rest of our site: