How to get the parent menu item on a dropdown in navigation to be clickable - Dawn Theme

20 0 2

Hey everyone

So I'm using the Dawn theme, and for the life of me I can't figure out how to make the main parent menu item clickable when there are child pages below it. Please can someone help?

I've tried this from YouTube where a guy showed it working and shared the code, but I've had no luck with it. 

<details id="Details-HeaderMenu-{{ forloop.index }}">
                      <summary class="header__menu-item list-menu__item link focus-inset">
                        <a style="color: inherit;{%- unless link.child_active or %}text-decoration:inherit{% endunless %}" href="{{ link.url }}"><span {%- if link.child_active %} class="header__active-menu-item"{% endif %}>{{ link.title | escape }}</span>
                      {% render 'icon-caret' %}
Replies 3 (3)

Shopify Partner
3803 713 1114

Hi @WDS1 


Unfortunately, you need to re-write the code to do so. I would suggest to hire someone to do this for you. This is not just a simple edit

Volunteering to assist you!  Likes and Accept as Solution  is highly appreciated.✌
Coffee fuels my dedication. If helpful, a small Coffee Tip would be greatly appreciated.
Need EXPERIENCED Shopify developer without breaking the bank?
Hire us at for quick replies.
Stay in control and maintain your security by avoiding unnecessary store access!

Shopify Partner
803 32 62

Can you share the link to your website please? This would make it a little bit easier for me to see what the problem is and guide you in the right direction. Thank you!

20 0 2

Hi Zqdp,

Thanks but I've just worked it out with client to put their about page as another name page below the 'about' menu item. Saves further coding 🙂  Will close this