<div class="column is-one-quarter is-hidden-mobile">
<ul class="menu-list menu-list-border">
  {openzc:account item="nav" function="accountIcon()"}
  <li class="{openzc:if $field['status']}is-active{/openzc:if}"> <a href="[field:link/]" class="py-4 px-5">[field:icon/]&nbsp;&nbsp;[field:title/]</a> </li>
  {/openzc:account}
</ul>
</div>

<nav class="navbar is-hidden-desktop mt-5" role="navigation">
  <div class="navbar-brand">
    <a class="navbar-item">
      <div class="subtitle is-4 ">{openzc:define.HEADING_TITLE/}</div>
    </a>

    <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
      <span aria-hidden="true"></span>
      <span aria-hidden="true"></span>
      <span aria-hidden="true"></span>
    </a>
  </div>

  <div id="navbarBasicExample" class="navbar-menu">
    <div class="navbar-start px-5">
    
      {openzc:account item="nav" function="accountIcon()"}
        <a class="navbar-item {openzc:if $field['status']}is-active{/openzc:if}" href="[field:link/]" class="py-4 px-5">[field:icon/]&nbsp;&nbsp;[field:title/]</a>
	  {/openzc:account}
    </div>

    
  </div>
</nav>
