Refresh Theme: Top Menu Bar Doesn't Allow Me To Click The First Menu Item

Solved

Refresh Theme: Top Menu Bar Doesn't Allow Me To Click The First Menu Item

kramermadison
Tourist
12 0 2

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/

Accepted Solution (1)
LitCommerce
Astronaut
2860 684 760

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!

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!

View solution in original post

Replies 4 (4)

LitCommerce
Astronaut
2860 684 760

Hi @kramermadison,

Please go to header.liquid file, find 'HeaderMenu-MenuList' and change code here:

beforebeforeafterafter

Code:

<a href="{{ link.url }}"><span {%- if link.child_active %} class="header__active-menu-item"{% endif %}>{{ link.title | escape }}</span></a>

Hope it helps!

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!
kramermadison
Tourist
12 0 2

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?

Screen Shot 2022-07-13 at 9.32.33 AM.png

LitCommerce
Astronaut
2860 684 760

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!

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!
HS--
Tourist
7 0 4

Hello, Why can't I find 'HeaderMenu-MenuList' in header.liquid file?