Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Re: How Do I Make The Top Level Link Clickable On The header Menu?

Solved

How Do I Make The Top Level Link Clickable On The header Menu?

hitesh01
Tourist
22 0 1

How Do I Make The Top Level Link Clickable which have child links On The header Menu?

hitesh01_0-1708946362087.png

theme: craft

link: https://aesthetix0.myshopify.com/

thank you

Accepted Solution (1)

BSS-Commerce
Shopify Partner
3477 463 547

This is an accepted solution.

Hi @hitesh01 ,

Please follow these steps:

view - 2024-02-29T092143.553.png

- Then find the file "header-dropdown-menu.liquid"

- Find the following code:

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

- Replace with the following code:

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

- Then press "Save"

- My video shows you how to do it: https://www.loom.com/share/cd20667f1fba4e9da0994e9b1e3fba3a?sid=6c58b6d9-3343-4b37-9bb0-a2fab6268568

Hope it helps @hitesh01 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Replies 3 (3)

BSS-Commerce
Shopify Partner
3477 463 547

This is an accepted solution.

Hi @hitesh01 ,

Please follow these steps:

view - 2024-02-29T092143.553.png

- Then find the file "header-dropdown-menu.liquid"

- Find the following code:

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

- Replace with the following code:

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

- Then press "Save"

- My video shows you how to do it: https://www.loom.com/share/cd20667f1fba4e9da0994e9b1e3fba3a?sid=6c58b6d9-3343-4b37-9bb0-a2fab6268568

Hope it helps @hitesh01 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
cmagras
Visitor
3 0 0

I had the same issue, and @BSS-Commerce your solution helped me a ton!

 

I have one problem though... it changed the parent menu items to purple/blue with a line underneath. Is there a way to remove the color and the line, so it looks like the other menu item that doesn't have any child items? 

 

Here's the site: https://64762d-5b.myshopify.com/

 

Screenshot 2024-04-17 at 5.27.04 PM.png

 

tarek_guma
Excursionist
22 0 3

Not working anymore :(((