Installation

Currently there is no Astro integration and Astro Main Menu has to be installed manually.

Manual installation

The installation steps are:

Install Astro Main Menu package

Use your package manager to install @pbkware/astro-main-menu. If using NPM:

npm install @pbkware/astro-main-menu

Install Sass package

Use your package manager to install sass. If using NPM:

npm install sass

Add _main-menu-config.scss file

This file is required to specify the @media breakpoint between wide and narrow. Add it with the following steps:

  1. Ensure the following folder exists in your Astro project:
    /src/styles/scss

  2. Within this folder, create a file named:
    _main-menu-config.scss

  3. Add the following initial content into this file:

    // Breakpoint used in media queries to determine when to use narrow main menu
$narrow-breakpoint: 24rem;