Dawn : Parent menu clickable mobile version

[Jord90]

Hello, on the computer version, I've managed to get the clickable drop-down menu that opens on mouse-over.

Only on mobile I'd like to make the drop-down menu clickable to lead to the collection and keep the sub-collection display system.

Like many themes, this is arranged as shown in the image below.

Or make only the title clickable to lead to the collection, and everything else display the sub-collection.

Link : https://1sngnz-dw.myshopify.com/

Password : dF4d1-ji&.-5

Thanks in advance for your help,

[Small_Task_Help]

Hi,

Hope this will help

- At sections/header.liquid or similar locate mobile menu code, find the someting like

<button class="mobile-nav__link ...">
{{ link.title }}
</button>

and replace with following example code

code example

<div class="mobile-nav__item">
  <a href="{{ link.url }}" class="mobile-nav__link">{{ link.title }}</a>
  <button class="mobile-nav__toggle" aria-expanded="false">
    <span class="icon icon-chevron-down"></span>
  </button>
</div>

- use css for style

[Jord90]

Thank you for your reply @Small_Task_Help 

I can't find any corresponding code. I don't think there's a mobile menu, it's just the menu style that changes “drawer” which is automatically applied on mobile version

I think that if a modification is to be made it should be in the section : snippets/header-drawer.liquid