Extends the theme manager configuration with new fields for a sticky header integration.
After compiling your theme, make sure to add:
- _stickyheader.css to your Layout stylesheet settings
- js_ctm_stickyheader to your javascript template
Make sure to follow following order of css files in your layout due to performance
- _stickyheader.css
- ...
- _theme.css (theme manager core)
- ...
| Sticky Header | |
|---|---|
| Option | Description |
| $sh-background-start | Initial background color for the sticky header |
| $sh-color-start | Color for navigation items |
| $sh-color-start-hover | Color for navigation items when hovered |
| $sh-background-end | Ending background color for the sticky header |
| $sh-color-end | Ending color for navigation items |
| $sh-color-end-hover | Ending color for navigation items when hovered |
| $sh-stop-box-shadow | Box-shadow dividing line when sticky header ended |