Header & Footer

Set your Header & Footer
Header & Footer
Table Of Contents
  • Header
  • Logo
  • Menu
  • Darkmode
  • Footer

Header

The code of Header located on _includes/header.tsx

The header has 3 section:

  • Logo
  • Menu
  • Darkmode

The code of logo located on _includes/navbar.tsx line 83

Current Logo is a svg that located on _includes/icons/logo.tsx, I've used svg because we can control fill color for Darkmode option.

if you want use png/jpeg or other types you can replace code to this:


<Image
  alt="Home"
  src={resolvedTheme === 'light' ? '/logo.png' : '/dark-logo.png'}
  layout="responsive"
  width="277"
  height="109"
  priority={true}
/>

The code of menu located on _includes/navbar.tsx line 89

You can set your menu in config/config.yml

Darkmode

The code of Darkmode located on _includes/navbar.tsx line 117

You can disable the Darkmode option in config/config.yml.

darkMode: 'off'

Footer

At the config/config.yml, you can find the footer text.