Arrigo

# Header

There are a few types of headers available. You can choose between a header with a classic menu or an overlay fullscreen menu. Please refer to fullscreen slider pages for more information. For example, the fullscreen menu is showcased on homepage-slider-1.html.

<!-- PAGE HEADER -->
<header class="header site-header js-header-sticky header_light">
  ...
</header>
<!-- - PAGE HEADER -->

On mobile, there is always an overlay fullscreen menu with a burger icon, no matter what is on the desktop.

You can customize the header background color and choose if you need it sticky or not using the following classes:

  • header_light – light header
  • header_dark – dark header
  • js-header-sticky – activates the "sticky" script.

← Animations →