Multiple Column Dropdown in Envy

New Member
2 0 0

Hi all,

 

I have been trying to make our main menu dropdown appear in multiple columns. The theme has mega menu installed but I just want the collections to appear in two or three columns so they all fit on the page. Nothing I seem to do works. Here is a copy of our site-nav.liquid Any suggestions or help would be greatly appreciated.

 

<ul class="nav {{ class }}">
{% for link in linklists[site-nav].links %}
{% if link.links != blank %}

<li class="dropdown" aria-haspopup="true">
<a class="dropdown-envy-toggle" data-delay="200" href="{{ link.url }}">
<span class="nav-label">{{ link.title | escape }}</span><span class="caret" aria-hidden="true"></span>
</a>

<ul class="dropdown-menu">

{% for sub_link in link.links %}
{% if sub_link.levels > 0 %}
<li class="dropdown-submenu" aria-haspopup="true">
<a href="{{ sub_link.url }}">{{ sub_link.title | escape }}</a>
<ul class="dropdown-menu">
{% for sub_sub_link in sub_link.links %}
<li>
<a href="{{ sub_sub_link.url }}">{{ sub_sub_link.title | escape }}</a>
</li>
{% endfor %}
</ul>
</li>
{% else %}
<li>
<a href="{{ sub_link.url }}">{{ sub_link.title | escape }}</a>
</li>
{% endif %}
{% endfor %}

</ul>
</li>

{% else %}

<li {% if link.active %}class="site-nav--active"{% endif %}>
<a href="{{ link.url }}">{{ link.title }}</a>
</li>

{% endif %}

{% endfor %}
</ul>

0 Likes
Highlighted
Shopify Partner
1657 278 347

Hi @nightmarethread 

Send me your store url

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
0 Likes
New Member
2 0 0

Hi,

The site is https://nightmarethreads.com/ The Horror drop down menu was too long to fit on some screens as a workaround, We made the A-J and K-Z submenus so all the collections would fit but we would prefer if they could just show up in multiple columns under the menu heading. Thanks.

0 Likes
Shopify Partner
1657 278 347

You have already split it to two sub menu now its look fine. 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
0 Likes