FROM CACHE - en_header

Dawn Theme 7.0.1: Dropdown menu parent link not clickable :(

malook26store
New Member
2 0 0

Hello all, I have found the parent links in the header not clickable after adding the dropdrown menu and their child links. I have tried the code changes in other Q&A but seems doesn't work with my case...

 

Can anyone help to make parent links clickable in BOTH desktop and mobile?

 

Heres my website: https://malook26.com/

 

Thank you so much!!!!

Replies 4 (4)
ExpertRookie
Shopify Partner
1512 246 281

Hi @malook26store 

Thank you for your question.
To add the link for the parent menu item, you need to change some code in your theme code.
because currently Dawn theme does not support for that.

- Was my reply helpful? Please Like and Accept Solution to let me know!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me on expert.rookie.team@gmail.com regarding any help.
malook26store
New Member
2 0 0

Thank you for the reply. I have tried changing the code I searched in this forum but the header either not responding or turned into garbled😭

ExpertRookie
Shopify Partner
1512 246 281

Hi @malook26store
For now I see your menu working normally

- Was my reply helpful? Please Like and Accept Solution to let me know!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me on expert.rookie.team@gmail.com regarding any help.
layoutbase
Pathfinder
111 13 21

Hi @malook26store , 

 

For future reference, we recommend trying the following:

  1. Make sure you have all URL links ready. 
  2. Go to Online Store->Theme->Edit code

  3. Find Sections/header.liquid 

  4. Locate all summary tag

  5. Add the code below: 

    1. For Parent: 

 

<a href="{{ link.url }}" class="header__menu-item header__menu-item list-menu__item link link--text focus-inset"{% if link.current %} aria-current="page"{% endif %}> 

 

  • For child: 

 

<a href="{{ grandchildlink.url }}" class="header__menu-item list-menu__item link link--text focus-inset caption-large{% if grandchildlink.current %} list-menu__item--active{% endif %}"{% if grandchildlink.current %} aria-current="page"{% endif %}> 

 

You may refer to the screenshot below on where to insert these codes:

layoutbase_0-1666837699183.png

6. Go to Assets/base.css, paste this code at the bottom of the file: 

 

summary.list-menu__item a.list-menu__item {
 padding: 0;
}

 

 

Hope this is helpful, and best of luck for the rest of your page-build 🙂

 

Best regards, 

Layoutbase - landing & homepage-builder

 

 

Please let us know if you find it helpful by giving us a LIKE and Mark as Solution. Layoutbase is a leading Shopify page builder. Give us a try!