Menu

Layout of primary navigation menu, colors…

Layout

Offcanvas is the default layout.

/config/default/params.yaml

header:
  layout: modal
  modal:
    size: fullscreen # default, or lg, xl
    centered: true # default, or false

Modal layout requires hugolify-theme-bootstrap. Make sure you have not disabled the corresponding Bootstrap JS component.

Bootstrap modal documentation

Offcanvas

/config/default/params.yaml

header:
  layout: offcanvas
  offcanvas:
    position: end # default, or start, top, bottom

Offcanvas layout requires hugolify-theme-bootstrap. Make sure you have not disabled the corresponding Bootstrap JS component.

Bootstrap offcanvas documentation

This variable is provided by hugolify-theme-bootstrap. Override it in your project’s _variables.sass.

$navbar-expand: lg // false to disable

Colors

Override menu colors in your project’s _variables.sass (or site.sass for scoped overrides):

$menu-background-color: // $header-background-color !default
$menu-color: // $header-color !default

Table of contents