gatsby-theme-catalyst-header-top
Sibling theme for gatsby-theme-catalyst-core which adds a large style site header and navbar using latent component shadowing. Branding on the top, navigation on the bottom. Theme options are set set via gatsby-theme-catalyst-core, for example setting displaySiteTitle: false and displaySiteTitleMobile: false will only show the logo for branding.
Note this header does not support the useStickyHeader theme option. The header is static when in “desktop” view and “sticky” when in mobile view. This behaviour could be changed via variants if needed.
Demos
Catalyzing Start
gatsby new helium https://github.com/ehowey/gatsby-starter-catalyst-helium
Theme Options
| Option | Values | Description |
|---|---|---|
useHeaderSocialLinks | true or false | Defaults to true, controls whether the social links are displayed or not |
useColorMode | true or false | Defaults to true, controls whether the dark mode toggle is available. |