Dawn theme - how to automatically expand level 2 & 3 nested mobile menu items

Maz5
Visitor
1 0 0

Hi All,

 

I am working on Dawn (Ver 14) and have a 3 level menu configured.

 

This works great on desktop, but on mobile it takes too many clicks to get to the required menu links.

 

When clicking the burger icon on mobile you initially see the level 1 categories which is fine i.e.

 

Shop Product A >

Shop Product B >

Shop Product C >

About

Blog

 

When selecting Shop Product A, it displays the next level and requires you to click again to get to a 3rd level (which has the link to the relevant product collection page) i.e.

 

< Shop Product A

Shop By Brand >

Shop By Size >

Shop By Material >

 

This also means the customer must navigate back and forwards in the mobile menu to view all menu options for a product...

 

I would like it to display like the following once level 1 has been has been clicked i.e.

 

< Shop Product A

Shop By Brand >

Brand 1

Brand 2

Brand 3

Shop By Size >

Size 1

Size 2

Size 3

Shop By Material >

Material 1

Material 2

Material 3

 

Any help on this would be greatly appreciated.

Replies 0 (0)