Skip to content
Forge

Two-tier navigation

A strip of practical details (phone, opening hours) above the main navigation.

  • Tailwind
  • React
  • CSS
  • WordPress
Open in a new tab

Description

Designed for craftsmen, garages and local shops: the clickable phone number and opening hours stay visible without opening the menu. On mobile, the strip shrinks to the phone and the menu collapses.

Code

Loading the code…

Archive contents

navbar-double-niveau-html-tailwind.zip3 files · 4 Ko

  • index.html5 Ko
  • README.md2 Ko
  • LICENSE.md1 Ko

Tags

Updated on October 13, 2026.

In the same spirit

  • Transparent navigation on scroll

    Coming soon

    A transparent bar laid over the hero visual that turns solid as soon as you scroll.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

  • Centered navigation bar

    Free

    Logo on the left, links in the middle, call to action on the right, collapsible menu on mobile.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

  • Floating pill navigation

    Coming soon

    A rounded bar floating above the content, for product sites and SaaS.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

  • Mega menu navigation

    Coming soon

    A Services menu that unfolds a panel of described links across several columns.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component
Two-tier navigation | Forge