Shopify themes, liquid, logos, and UX
I have a link on my top navigation for "Monona Academy of Dance" that I have a welcome page for but current code is not allowing me to be able to click that main level. Can't find solution on boards.
https://shop.kramermadison.com/pages/welcome-to-the-monona-academy-of-dance-store
Store = https://shop.kramermadison.com/
Solved! Go to the solution
This is an accepted solution.
Hi @kramermadison,
Please change code:
<a href="{{ link.url }}" class="header__menu-item list-menu__item link link--text focus-inset" style="padding: 0;"><span {%- if link.child_active %} class="header__active-menu-item"{% endif %}>{{ link.title | escape }}</span></a>
Hope it helps!
Hi @kramermadison,
Please go to header.liquid file, find 'HeaderMenu-MenuList' and change code here:
before
after
Code:
<a href="{{ link.url }}"><span {%- if link.child_active %} class="header__active-menu-item"{% endif %}>{{ link.title | escape }}</span></a>
Hope it helps!
Thank you for your help. Really appreciate it. It's working how I want it to, but link is now underlined and in different color, even when you are not on that page. Any way to fix that?
This is an accepted solution.
Hi @kramermadison,
Please change code:
<a href="{{ link.url }}" class="header__menu-item list-menu__item link link--text focus-inset" style="padding: 0;"><span {%- if link.child_active %} class="header__active-menu-item"{% endif %}>{{ link.title | escape }}</span></a>
Hope it helps!
Hello, Why can't I find 'HeaderMenu-MenuList' in header.liquid file?
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025