Shopify themes, liquid, logos, and UX
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!!!!
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.
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😭
Hi @malook26store
For now I see your menu working normally
Hi @malook26store ,
For future reference, we recommend trying the following:
Go to Online Store->Theme->Edit code
Find Sections/header.liquid
Locate all summary tag
Add the code below:
<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 %}>
<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:
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
Thanks @layoutbase !
Work well on PC version but is didn't work on mobile.
For mobile I find this solution from @LitCommerce, it work also for Dawn theme.
Also, the arrow is not easely clickable.
Hey, Can I get code for dawn theme 10.0 version.
I am trying to fix this same issue but I dont have a summary tag in my header.liquid
this is the only summary text within the file
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024