DAWN theme navigation

Solved
smj_90
Shopify Partner
39 1 6

I have build a store using dawn theme.

But the problem is when I click the main navigation, the dropdown appears, which Is okay but it's link is disabled.

The link on that anchor doesn't work. I'm talking about the main navigation. 1st child and grandchild links are working fine, but if there is a dropdown level, the parent link doesn't work.

Any way to fix this???

If this helped you, please
mark this reply as 'Accepted Solution'
Thanks 🙂
Accepted Solution (1)

Accepted Solutions
dmwwebartisan
Shopify Partner
10710 2339 3323

This is an accepted solution.

@smj_90 

Please find following code your sections/header.liquid file 

 

<summary class="header__menu-item list-menu__item link">
     <span {%- if link.child_active %} class="header__active-menu-item"{% endif %}>{{ link.title | escape }}</span>
              {% render 'icon-caret' %}
</summary>

 

Replace to 

<summary class="header__menu-item list-menu__item link">
   <span {%- if link.child_active %} class="header__active-menu-item"{% endif %}><a href="{{ link.url }}" 
   class="header__menu-item header__menu-item ">{{ link.title | escape }}</a></span>
  {% render 'icon-caret' %}
</summary>

Thanks!

 

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Replies 39 (39)
dmwwebartisan
Shopify Partner
10710 2339 3323

@smj_90 

Please share store URL.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
smj_90
Shopify Partner
39 1 6
https://furnicio.myshopify.com/
If this helped you, please
mark this reply as 'Accepted Solution'
Thanks 🙂
dmwwebartisan
Shopify Partner
10710 2339 3323

@smj_90 

Please share store front password.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
smj_90
Shopify Partner
39 1 6

Screenshot.png

If this helped you, please
mark this reply as 'Accepted Solution'
Thanks 🙂
dmwwebartisan
Shopify Partner
10710 2339 3323

@smj_90 

i have check your shop and all link working correctly . please share screenshot which link not working 

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
dmwwebartisan
Shopify Partner
10710 2339 3323

@smj_90 

check following screenshot

2021-10-17_21-17_dmwstore1 ~ Main menu.jpg

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
smj_90
Shopify Partner
39 1 6

The main parent navigation doesn't work if hey have Child under it.

They open the modal but anchor is disabled. Also, I want the link to open when the user hovers, not when clicked

If this helped you, please
mark this reply as 'Accepted Solution'
Thanks 🙂
smj_90
Shopify Partner
39 1 6

i have set navigation from backend!

just go to the liquid code, it says summary and only {{child.title}}

no anchor,

If this helped you, please
mark this reply as 'Accepted Solution'
Thanks 🙂
dmwwebartisan
Shopify Partner
10710 2339 3323

This code customization work

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
dmwwebartisan
Shopify Partner
10710 2339 3323

This is an accepted solution.

@smj_90 

Please find following code your sections/header.liquid file 

 

<summary class="header__menu-item list-menu__item link">
     <span {%- if link.child_active %} class="header__active-menu-item"{% endif %}>{{ link.title | escape }}</span>
              {% render 'icon-caret' %}
</summary>

 

Replace to 

<summary class="header__menu-item list-menu__item link">
   <span {%- if link.child_active %} class="header__active-menu-item"{% endif %}><a href="{{ link.url }}" 
   class="header__menu-item header__menu-item ">{{ link.title | escape }}</a></span>
  {% render 'icon-caret' %}
</summary>

Thanks!

 

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
smj_90
Shopify Partner
39 1 6

I did this too, but this will not work. as on click drop down also opens and it will have link too, so for dropdown, if i click, then it will navigate to the url but the dropdown will not work.

If this helped you, please
mark this reply as 'Accepted Solution'
Thanks 🙂
dmwwebartisan
Shopify Partner
10710 2339 3323

@smj_90 

ok i will check your problem but click on arrow drop down open

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
dmwwebartisan
Shopify Partner
10710 2339 3323

@smj_90 

if add css or code any file please remove it

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
smj_90
Shopify Partner
39 1 6

hey i have done it. check the website now, link is also added and on hover the menu opens instead of clicking, and the url is also working now!

check, i will share the code too. i have removed the <summary> element, and converted it into <div>

If this helped you, please
mark this reply as 'Accepted Solution'
Thanks 🙂
dmwwebartisan
Shopify Partner
10710 2339 3323

@smj_90 

ok, Great!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
TanjaSalty
Tourist
7 0 0

Dear @DM Thanks for the solution! It works on desktop now, yet on mobile, if clicking on the parent collection, still the sub-collections appear and it is not possible to click on the parent collection and see all products at once/ main collection as on desktop. Any solutions? THANK YOU! 

qaiser1
Tourist
5 0 1

hi, 

 

this is working but the color and font size changed. how to solve that

 

smj_90
Shopify Partner
39 1 6

@TanjaSalty please share the link so that i can further investigate.

Also, please make sure you're doing this work in DAWN theme at line#305

because same code is available at line#95 but it's for mobile menu.

May be that's the reason your code is not working.

If this helped you, please
mark this reply as 'Accepted Solution'
Thanks 🙂
smj_90
Shopify Partner
39 1 6

@qaiser1 send me the link, i'll check and let you know.

If this helped you, please
mark this reply as 'Accepted Solution'
Thanks 🙂