Skip to content

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

  • gatsby-starter-catalyst-helium

Catalyzing Start

gatsby new helium https://github.com/ehowey/gatsby-starter-catalyst-helium

Theme Options

OptionValuesDescription
useHeaderSocialLinkstrue or falseDefaults to true, controls whether the social links are displayed or not
useColorModetrue or falseDefaults to true, controls whether the dark mode toggle is available.

© 2021 Gatsby Theme Catalyst