Add Clickable Submenu for phone on Dawn theme

[MaxiMaxi]

Hello,

I want my submenu to be clickable on phone. This already works perfectly in the desktop version. But not yet on the phone.

I would like that when I click on the submenu name I get to the stored link and only when I click on the arrow on the edge, i go in the next submenu.

Maxi-Brillian (maxibrillian.com)

pw     deropa

[LitExtension · Accepted solution]

Hi @MaxiMaxi,

Please go to Actions > Edit code > Sections > header.liquid file, find 'Details-menu-drawer-menu-item' and add code here:

Code:

<a href="{{ link.url }}" style="color: rgb(var(--color-foreground));text-decoration: none;">
                              {{ link.title | escape }}
</a>

Hope it helps!

[LitExtension · Accepted solution]

Hi @MaxiMaxi,

Please go to Actions > Edit code > Sections > header.liquid file, find 'Details-menu-drawer-menu-item' and add code here:

Code:

<a href="{{ link.url }}" style="color: rgb(var(--color-foreground));text-decoration: none;">
                              {{ link.title | escape }}
</a>

Hope it helps!

[MaxiMaxi]

Thank you for your help..... 

ok the first part is working... 

means the menu is     Name1     ->     Name2     ->     Name(End)

now i can click on the "Name1" and i go (like i want) directly to the linked collection(perfect), but when i use the arrow and i come to menu point "Name2" it doesnt work and i go only in the next submenu.

hope you understand

thank you allready

[LitExtension · Accepted solution]

Hi @MaxiMaxi,

Please find 'Details-menu-drawer-submenu' and change  code here:

Code:

<a href="{{ childlink.url }}" style="color: rgb(var(--color-foreground));text-decoration: none;">
                                            {{ childlink.title | escape }}
</a>

Hope it helps!

[RHWD]

Awesome, I had to adapt it slightly for Dawn Theme v8.0.

Around Line 159, I have the following:

{% comment %}{{ link.title | escape }}{% endcomment %}
<a href="{{ link.url }}" style="color: rgb(var(--color-foreground));text-decoration: none;">
{{ link.title | escape }}
</a>

With your original code I had no link title and there was no link. The right arrow still clicked through to the submenu!