Shopify themes, liquid, logos, and UX
How Do I Make The Top Level Link Clickable which have child links On The header Menu?
theme: craft
link: https://aesthetix0.myshopify.com/
thank you
Solved! Go to the solution
This is an accepted solution.
Hi @hitesh01 ,
Please follow these steps:
- 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
This is an accepted solution.
Hi @hitesh01 ,
Please follow these steps:
- 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
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/
Not working anymore :(((
As 2024 wraps up, the dropshipping landscape is already shifting towards 2025's trends....
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-Commerce to discuss practical strategies f...
By JasonH Nov 13, 2024