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. |