{% assign lang = page.lang %} {% assign dataToShow = site.data.header.data %} {% assign file = page.fileName %} {% assign folder = page.folderName %} {% assign Data= site.data[lang] %} <header class=“nav-header”>

<nav class="navbar navbar-expand-lg py-3 px-sm-2">
  <div class="container px-0">
    {% if dataToShow.navbarBrandText != "" %}
    <a class="navbar-brand" href="/" title="{{dataToShow.navbarBrandText}}">{{dataToShow.navbarBrandText}}</a>
    {% else %}
    <a href="/">
      <img class="logo-height" src="{{ dataToShow.navbarBrandLogo }}" alt="{{ dataToShow.navbarBrandLogo }}" {%- if
        site.crossorigin -%} crossorigin {%- endif -%}>
    </a>
    {% endif %}
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
      aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
      <i class="fa fa-bars fa_bars" aria-hidden="true"></i>
    </button>
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      {%- if Data.megaMenu -%}
      <li class="nav-item nav__item">
        <a class="dropdown-toggle ml-lg-5" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
          aria-haspopup="true" aria-expanded="false">
          {{Data.megaMenu.nav-link-name}}
        </a>
        <ul class="dropmenu dropdown-menu" aria-labelledby="navbarDropdown">
          <div class="inner-dropdown">
            {%- for item in Data.megaMenu.dropdown -%}
            <div class="catPad mb-4">
              <li class="text-muted">{{item.categoryName}}</li>
              <div> {%- for item in item.links -%}
                <li>
                  <a href="{{item.url}}">
                    {%- if item.iconSrc -%}
                    <img class="d-inline mr-2" loading="lazy" style="height:20px;width:20px;" src="{{item.iconSrc}}"
                      {%- if site.crossorigin -%} crossorigin {%- endif -%}>
                    {%- endif -%}
                    {{item.name}}
                  </a>
                </li>
                {%- endfor -%}
              </div>
            </div>
            {%- endfor -%}
          </div>
        </ul>
      </li>
      {%- else -%}
      {%- if dataToShow.megaMenu -%}
      <li class="nav-item nav__item">
        <a class="dropdown-toggle ml-lg-5" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
          aria-haspopup="true" aria-expanded="false">
          {{dataToShow.megaMenu.nav-link-name}}
        </a>
        <ul class="dropmenu dropdown-menu" aria-labelledby="navbarDropdown">
          <div class="inner-dropdown">
            {%- for item in dataToShow.megaMenu.dropdown -%}
            <div class="catPad mb-4">
              <li class="text-muted">{{item.categoryName}}</li>
              <div> {%- for item in item.links -%}
                <li>
                  <a href="{{item.url}}">
                    {%- if item.iconSrc -%}
                    <img class="d-inline mr-2" loading="lazy" style="height:20px;width:20px;" src="{{item.iconSrc}}"
                      {%- if site.crossorigin -%} crossorigin {%- endif -%}>
                    {%- endif -%}
                    {{item.name}}</a>
                </li>
                {%- endfor -%}
              </div>
            </div>
            {%- endfor -%}
          </div>
        </ul>
      </li>
      {%- endif -%}
      {%- endif -%}
      <ul class="navbar-nav mr-auto ">
        {% for item in dataToShow.navItems %}
        <li class="nav-item nav__item">
          <a href="{{item.url}}">{{item.name}}</a>
        </li>
        {% endfor %}
      </ul>
    </div>
  </div>
</nav>

</header>