_includes/appscms/navbars/toolbar.html in appscms-tools-theme-3.9.6 vs _includes/appscms/navbars/toolbar.html in appscms-tools-theme-3.9.7
- old
+ new
@@ -1,49 +1,100 @@
{%- if siteData.megaMenu -%}
<div class="appscms-toolbar">
<div class="row">
<div class="col-11 mx-auto">
- <ul class="appscms-toolbar-list">
- {%- for item in siteData.megaMenu.dropdown -%}
- <li class="appscms-toolbar-list-item">
- <span class="appscms-toolbar-list-item-span d-flex justify-content-between"> {{item.categoryName}}
- <svg
- class="arrow-svg"
- fill="#fff" width="12px" hegiht="12px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 30.727 30.727" xml:space="preserve"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <path d="M29.994,10.183L15.363,24.812L0.733,10.184c-0.977-0.978-0.977-2.561,0-3.536c0.977-0.977,2.559-0.976,3.536,0 l11.095,11.093L26.461,6.647c0.977-0.976,2.559-0.976,3.535,0C30.971,7.624,30.971,9.206,29.994,10.183z"></path> </g> </g></svg>
- </span>
-
-
+ <ul class="appscms-toolbar-list">
+ <div id="close-nav-ham" data-open="1" class="close-nav-ham">
+ <svg
+ height="50px"
+ width="1em"
+ style="font-size: 25px"
+ viewBox="0 0 24 24"
+ fill="none"
+ xmlns="http://www.w3.org/2000/svg"
+ stroke="#ffffff"
+ >
+ <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
+ <g
+ id="SVGRepo_tracerCarrier"
+ stroke-linecap="round"
+ stroke-linejoin="round"
+ ></g>
+ <g id="SVGRepo_iconCarrier">
+ <g clip-path="url(#clip0_429_11083)">
+ <path
+ d="M7 7.00006L17 17.0001M7 17.0001L17 7.00006"
+ stroke="#ffffff"
+ stroke-width="2.5"
+ stroke-linecap="round"
+ stroke-linejoin="round"
+ ></path>
+ </g>
+ <defs>
+ <clipPath id="clip0_429_11083">
+ <rect width="24" height="24" fill="white"></rect>
+ </clipPath>
+ </defs>
+ </g>
+ </svg>
+ </div>
+ {%- for item in siteData.megaMenu.dropdown -%}
+ <li class="appscms-toolbar-list-item">
+ <span
+ class="appscms-toolbar-list-item-span d-flex justify-content-between"
+ >
+ {{item.categoryName}}
+ <svg
+ class="arrow-svg"
+ fill="#fff"
+ width="12px"
+ hegiht="12px"
+ version="1.1"
+ id="Capa_1"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ viewBox="0 0 30.727 30.727"
+ xml:space="preserve"
+ >
+ <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
+ <g
+ id="SVGRepo_tracerCarrier"
+ stroke-linecap="round"
+ stroke-linejoin="round"
+ ></g>
+ <g id="SVGRepo_iconCarrier">
+ <g>
+ <path
+ d="M29.994,10.183L15.363,24.812L0.733,10.184c-0.977-0.978-0.977-2.561,0-3.536c0.977-0.977,2.559-0.976,3.536,0 l11.095,11.093L26.461,6.647c0.977-0.976,2.559-0.976,3.535,0C30.971,7.624,30.971,9.206,29.994,10.183z"
+ ></path>
+ </g>
+ </g>
+ </svg>
+ </span>
+
<ul class="list-item-dropdown">
- <h4 class="list-item-dropdown-heading"> {{siteData.megaMenu.nav-link-name}}</h4>
- <div class="row">
- {%- assign count = 0 -%}
- {% for i in item.links %}
- {% assign count = count | plus:1 %}
- {%- if count == 1 -%}
+ <h4 class="list-item-dropdown-heading">
+ {{siteData.megaMenu.nav-link-name}}
+ </h4>
+ <div class="row">
+ {%- assign count = 0 -%} {% for i in item.links %} {% assign count
+ = count | plus:1 %} {%- if count == 1 -%}
<div class="col-md-6 col-lg-4 col-xl-3">
- {%- endif -%}
- {% if count == 6 %}
- <li>
- <a class="toolbar-link" href="{{i.url}}">{{i.name}}</a>
- </li>
+ {%- endif -%} {% if count == 6 %}
+ <li>
+ <a class="toolbar-link" href="{{i.url}}">{{i.name}}</a>
+ </li>
+ </div>
+ {% assign count = 0 %} {%- else -%}
+ <li>
+ <a class="toolbar-link" href="{{i.url}}">{{i.name}}</a>
+ </li>
+ {% endif %} {% endfor %}
</div>
- {% assign count = 0 %}
- {%- else -%}
- <li>
- <a class="toolbar-link" href="{{i.url}}">{{i.name}}</a>
- </li>
- {% endif %}
- {% endfor %}
- </div>
-
-
-
- </ul>
- </li>
- {%- endfor -%}
- </ul>
+ </ul>
+ </li>
+ {%- endfor -%}
+ </ul>
+ </div>
</div>
- </div>
</div>
{%- endif -%}
-
-