_includes/header/index.html in tools-theme-0.1.2 vs _includes/header/index.html in tools-theme-0.1.3
- old
+ new
@@ -1,92 +1,64 @@
{% assign lang = page.lang %}
{% assign dataToShow = site.data.header[lang].data %}
-{% assign file = page.fileName %}
-{% assign folder = page.folderName %}
-{% assign Data= site.data[folder][lang][file] %}
-<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 }}">
- </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>
+<header class="home-nav-header">
+ <nav class="header-navbar navbar navbar-expand-lg">
+ <div class="container px-0">
+ {% if dataToShow.navbarBrandText != "" %}
+ <a id="home-link" class="navbar-brand" href="/" title="{{dataToShow.navbarBrandText}}">
+ {{dataToShow.navbarBrandText}}
+ </a>
+ {% else %}
+ <a id="home-link" href="/">
+ <img class="header-logo-height" width="{{dataToShow.navbarBrandLogoWidth}}"
+ height="{{dataToShow.navbarBrandLogoHeight}}" src="{{ dataToShow.navbarBrandLogo }}"
+ alt="{{ dataToShow.navbarBrandLogo }}">
+ </a>
+ {% endif %}
+ <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
+ aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+ <div class="header_bars"></div>
+ <div class="header_bars"></div>
+ <div class="header_bars"></div>
+ </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}}">
- {%- 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}}
+ <div class="collapse navbar-collapse" id="navbarSupportedContent">
+ {%- if dataToShow.megaMenu -%}
+ <div class="nav-item header_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>
+ <div class="dropdown-menu">
+ <div class="megaMenu">
+ {%- for item in dataToShow.megaMenu.dropdown -%}
+ <ul>
+ {%- for item in item.links -%}
+ <li>
+ <a class="tools_list_featureName" 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>
- <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}}">
- {%- endif -%}
- {{item.name}}</a> </li>
- {%- endfor -%}
- </div>
- </div>
- {%- endfor -%}
- </div>
- </ul>
</li>
- {%- endif -%}
- {%- endif -%}
+ {%- endfor -%}
+ </ul>
+ {%- endfor -%}
+ </div>
+ </div>
+ </div>
+ {%- 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>
-
-
+ <div class="navbar-nav">
+ {% for item in dataToShow.navItems %}
+ <li class="nav-item header_nav__item">
+ <a href="{{item.url}}">{{item.name}}</a>
+ </li>
+ {% endfor %}
+ </div>
+ </div>
+ </div>
+ </nav>
+</header>
\ No newline at end of file