Spotlight - Make the parent menu item clickable on mobile

Technical Q&A
1

Hello

This has been asked many times as I saw from Google but the solutions in those threads are outdated sadly. I am running the latest version of Spotlight theme from Shopify.

My question is - How do I make the parent item with nested categories clickable on mobile? I would like to be able to see “View all items in that category” when clicking the parent item. I also want the small arrow to remain so the client can open a specific sub-category of the parent category if she/he wants to.

My store domain is - www.supps.ee

2

Hi,

navigation.liquid or header.liquid. need to modify code (click event for these items) and modified code might look like

{% for link in linklists.main-menu.links %}
  - {{ link.title }}
        {% if link.links.size > 0 %}
        
        {% endif %}
    
      {% if link.links.size > 0 %}
      

          {% for childLink in link.links %}
            - {{ childLink.title }}
          

          {% endfor %}
          - View all items in this category
        
      
      {% endif %}
  

{% endfor %}

If you still need help you can contact with us , details given at signature

3

Nope, there is no navigation.liquid file and header.liquid hasn’t got to do with it also.