Go to homepage

Projects /

Main Header v2

Accessible header component with sub navigations.

View Demo

Dependencies

How to

The Main Header v2 component is an accessible, website navigation. It includes different styles of sub level navigations.

Modify the max-width of the header content by editing the .max-width-lg utility class applied to the .container element.

Optionally, you can add data-animation="on" to the <header> element to trigger the sticky animation on bigger screens (the header becomes sticky when the user starts scrolling). If you do so, don't forget to specify the scrolling offset using the data-animation-offset="{offsetValue}" attribute (e.g., data-animation-offset="400").

Categories

Bug report & feedback

Component Github page ↗

Project duplicated

Project created

Globals imported

There was an error while trying to export your project. Please try again or contact us.