_includes/appscms/navbars/toolbar.html in appscms-tools-theme-4.4.4 vs _includes/appscms/navbars/toolbar.html in appscms-tools-theme-4.4.5
- old
+ new
@@ -1,67 +1,22 @@
{%- if siteData.megaMenu -%}
<div class="appscms-toolbar">
<div class="row">
<div class="col-11 mx-auto">
- <ul class="appscms-toolbar-list">
-
-<!-- <div class="scroll-left">
-<svg width="23px" height="23px" viewBox="-4.5 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000">
-
-<g id="SVGRepo_bgCarrier" stroke-width="0"/>
-
-<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>
-
-<g id="SVGRepo_iconCarrier"> <title>arrow_left [#ffffff]</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Dribbble-Light-Preview" transform="translate(-345.000000, -6679.000000)" fill="#ffffff"> <g id="icons" transform="translate(56.000000, 160.000000)"> <path d="M299.633777,6519.29231 L299.633777,6519.29231 C299.228878,6518.90256 298.573377,6518.90256 298.169513,6519.29231 L289.606572,6527.55587 C288.797809,6528.33636 288.797809,6529.60253 289.606572,6530.38301 L298.231646,6538.70754 C298.632403,6539.09329 299.27962,6539.09828 299.685554,6538.71753 L299.685554,6538.71753 C300.100809,6538.32879 300.104951,6537.68821 299.696945,6537.29347 L291.802968,6529.67648 C291.398069,6529.28574 291.398069,6528.65315 291.802968,6528.26241 L299.633777,6520.70538 C300.038676,6520.31563 300.038676,6519.68305 299.633777,6519.29231" id="arrow_left-[#ffffff]"> </path> </g> </g> </g> </g>
-
-</svg>
-</div> -->
+ <div 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>
+ <img class="mt-3" style="cursor: pointer;" height="30px" width="30px" src="/assets/images/close-button.svg"
+ alt="close-button">
</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"
- >
+ <span class="appscms-toolbar-list-item-span d-flex justify-content-between">
{{item.categoryName}}
-
</span>
-
- <ul class="list-item-dropdown">
+ <div 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
@@ -71,36 +26,20 @@
{%- else -%}
<div class="col-md-6 col-lg-4">
{%- endif -%}
{%- 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>
+ <a class="toolbar-link" href="{{i.url}}">{{i.name}}</a>
{% endif %} {% endfor %}
</div>
- </ul>
+ </div>
</li>
{%- endfor -%}
-
-<!-- <div class="scroll-right">
-<svg width="23px" height="23px" viewBox="-4.5 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000">
-
-<g id="SVGRepo_bgCarrier" stroke-width="0"/>
-
-<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>
-
-<g id="SVGRepo_iconCarrier"> <title>arrow_right [#ffffff]</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Dribbble-Light-Preview" transform="translate(-305.000000, -6679.000000)" fill="#ffffff"> <g id="icons" transform="translate(56.000000, 160.000000)"> <path d="M249.365851,6538.70769 L249.365851,6538.70769 C249.770764,6539.09744 250.426289,6539.09744 250.830166,6538.70769 L259.393407,6530.44413 C260.202198,6529.66364 260.202198,6528.39747 259.393407,6527.61699 L250.768031,6519.29246 C250.367261,6518.90671 249.720021,6518.90172 249.314072,6519.28247 L249.314072,6519.28247 C248.899839,6519.67121 248.894661,6520.31179 249.302681,6520.70653 L257.196934,6528.32352 C257.601847,6528.71426 257.601847,6529.34685 257.196934,6529.73759 L249.365851,6537.29462 C248.960938,6537.68437 248.960938,6538.31795 249.365851,6538.70769" id="arrow_right-[#ffffff]"> </path> </g> </g> </g> </g>
-
-</svg>
-</div> -->
- </ul>
+ </div>
</div>
</div>
</div>
-{%- endif -%}
+{%- endif -%}
\ No newline at end of file