Skip to main content

Mega-nav de base

Demo

Utilisez le bouton dans la navbar.

Documentation

La position initiale de la navigation transform:translateY(-100%) est appliquée inline sur l'élément dans le HTML afin d'éviter tout flash ou effet de transition initiale lors du back sur Safari (et dans une moindre mesure, sur Firefox - plus d'investigation à venir). Cette mega-navigation de base est utilisée par les menus à panneaux.

Téléchargez tout simplement les fichiers pour vous en servir comme base dans votre projet.

Pour une utilisation en HTML standard, enlevez les balises twig dans le code.

Code

Dossier de base

Dossier complet

Feuilles de style optionnelles

Navbar