Dúvida com submenu

Boa tarde pessoal.

Tenho a seguinte estrutura para menu e submenu de uma loja virtual:

{% for category in categories %}
{% if loop.index <= nivelLimit %}

 <li class="category--{{ category.id }} category__item--one {% if category.children %} category__label{% endif %}{% if category.id == settings.featuredCategory %} featured{% endif %}">
 <a href="{{ category.link }}" class="category__link--one">{{ category.name }}</a>

 {% if category.children %}
 <span class="hidden-lg category__button">
 <svg class="category__button-icon icon--down"><use xlink:href="#icon-down"></use></svg>
 </span>

 <div class="category__dropdown">
 <ul class="category__list--two">
 {% for child in category.children %}
 <li class="category--{{ child.id }} category__item--two">
 <a href="{{ child.link }}" class="category__link--two">{{ child.name }}</a>
 </li>

 {% if child.children %}
 {% for grandchild in child.children %}
 <li class="category--{{ grandchild.id }} category__item--three">
 <a href="{{ grandchild.link }}" class="category__link--three">{{ grandchild.name }}</a>
 </li>
 {% endfor %}
 {% endif %}
 {% endfor %}
 </ul>

	 

	 

	O problema é que o submenu só é exibido quando eu clico no ícone do svg, eu gostaria que ao clicar na "categoria" ele não abrisse a página da categoria e sim exibisse o submenu, como posso alterar esse código?

	 

	Obrigado.