How to make Mobile Subheading Clickable links aswell as dropdown option

[swim2024]

Hi, 

I have a mega menu which has multiple subheadings on desktop the subheadings for example Happy Nappy Products are clickable to a collection page but on mobile when you click Happy Nappy Products you are taken to only a drop down where you have to select one of the options. Is there some liquid code which can make the subheadings clickable and a dropdown on mobile?

Thanks 

Theme Dawn 15.1

  

[Liquid_xPert_SJ]

Hi@swim2024 ,

By default the settings are not to show link of the drop down heading but you can achieve it by customizing the menu code and add link to the heading so that it will be a clickable menu.

[swim2024]

Hey, Is there some code which I can add to the liquid files which will do this? 

Thanks

[Liquid_xPert_SJ]

@swim2024  if you know how to change the code you can refer to the screenshot below

Online Theme > Theme Edit > Edit Code >    Snippets  > header-dropdown-menu.liquid

Find below code
 <summary
                          id="HeaderMenu-{{ link.handle }}-{{ childlink.handle }}"
                          class="header__menu-item link link--text list-menu__item focus-inset caption-large"
                        >
                          <span>{{ childlink.title | escape }}</span>
                          {{- 'icon-caret.svg' | inline_asset_content -}}
                        </summary>

and replace it with 

<a
                        id="HeaderMenu-{{ link.handle }}-{{ childlink.handle }}"
                        href="{{ childlink.url }}"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large{% if childlink.current %} list-menu__item--active{% endif %}"
                        {% if childlink.current %}
                          aria-current="page"
                        {% endif %}
                      >
                        {{ childlink.title | escape }}
                      </a>

Thanks