> For the complete documentation index, see [llms.txt](https://hencework.gitbook.io/pangong/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://hencework.gitbook.io/pangong/menu-styles-1/horizontal-menu-with-top-nav.md).
# Horizontal Menu with Top nav
## Introduction
In Pangong we provided you three type of menu style first one in Vertical navigation.
## How to Setup
For vertical navigation you have to first add `hk-alt-nav` class with `hk-wrapper`.
### **HTML Structure**
```markup
......
......
```
{% hint style="warning" %}
For this menu style you have to add `hk-navbar-alt` class with `navbar`.
{% endhint %}
{% hint style="success" %}
For Scrollable Navigation please add `scrollable-nav` class with `hk-wrapper`.
{% endhint %}
##