Solved

Dawn theme v12 make all parent menu clickable

TattooSupply
Visitor
1 0 0

Hi everyone !

I am on dawn theme v.12.

I would want to make all Parent Menu Item Clickable.

I have a lot more to add would it work for my future parent menu item ? 

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
7011 1327 1352

This is an accepted solution.

Hi @TattooSupply 

You can do that by following this.

Go to your Online store > Themes > Edit code > open header-dropdown-menu.liquid and header-mega-menu.liquid files, find those lines of code (from line 19th-25th)

 

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

 

Change to this and save the file

 

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

 

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

Replies 2 (2)

Dan-From-Ryviu
Shopify Partner
7011 1327 1352

This is an accepted solution.

Hi @TattooSupply 

You can do that by following this.

Go to your Online store > Themes > Edit code > open header-dropdown-menu.liquid and header-mega-menu.liquid files, find those lines of code (from line 19th-25th)

 

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

 

Change to this and save the file

 

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

 

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

Stephw1
Tourist
14 0 2

Hi,

I've tried this and it works but next to each of the titles I get 'icon-caret' %. Do you know how to correct this?

 

Thanks