Hey All,
I am trying to add in a secondary navigation to the Craft theme. On desktop, it should display above the logo. On mobile it should display under the main nav in the nav drawer. I have tried adding it in the header via a “custom liquid” section, but the code is pretty simple.
I have experience working with liquid, but have yet to figure out writing it myself. I think I need an new ‘section’ for the header, so secondarymenu.liquid. Then I need the liquid code which I kind of have (will paste below) and the schema. I will also need to add styling but I’m not sure if it should be a new css doc, or just add onto an existing one.
My overall goal is to be able to add this to a free shopify theme instead of purchasing one (for now). I’m a quick learner and have a pretty in depth knowledge of the platform. Any help or suggestions would be much appreciated
https://industryhaus.myshopify.com/
Password: rauvah
Code I have so far:
<ul class="menu">
{% for link in linklists.secondary-menu.links %}
<li class="menu-link">
<a href="{{ link.url }}">{{ link.title }}</a>
{% if link.links.size > 0 %}
<ul class="menu dropdown-child">
{% for child_link in link.links %}
<li class="menu-link">
<a href="{{ child_link.url }}">{{ child_link.title }}</a>
{% if child_link.links.size > 0 %}
<ul class="menu dropdown-grandchild">
{% for grandchild_link in child_link.links %}
<li class="menu-link">
<a href="{{ grandchild_link.url }}">{{ grandchild_link.title }}</a>
</li>
{% endfor %}
</ul>
{% endif %}
</li>
{% endfor %}
</ul>
{% endif %}
</li>
{% endfor %}
</ul>