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
3833 716 1167

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

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free

Shopify Partner
803 32 63

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