Basic
The basic HyperNav top navigation menu. This example features only split expand items.
x
331
1
<nav class="hn-menu hn-top hn-fixed">2
<input type="checkbox" name="hn-top-state" class="hn-input-state hn-input-state-nav hn-hide-desktop" id="hn-nav-cb">3
4
<div class="hn-nav">5
<div class="hn-section hn-section-brand">6
<div class="hn-item">7
<a id="hn-logo" class="hn-link" href="#none">8
<span class="hn-icon hn-size-auto" style="padding-right: 0.4rem">9
<img src="https://cdn.acmion.com/acmion/assets/hyper-nav/icon.svg" style="height: 3rem">10
</span>11
<span class="hn-content">12
<strong style="font-weight: 600;">13
HyperNav14
</strong>15
</span>16
</a>17
</div>18