Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Re: How to make Mobile Subheading Clickable links aswell as dropdown option

How to make Mobile Subheading Clickable links aswell as dropdown option

swim2024
Visitor
2 0 0

Hi, 

 

I have a mega menu which has multiple subheadings on desktop the subheadings for example Happy Nappy Products are clickable to a collection page but on mobile when you click Happy Nappy Products you are taken to only a drop down where you have to select one of the options. Is there some liquid code which can make the subheadings clickable and a dropdown on mobile?

Thanks 

Theme Dawn 15.1

 

  Screenshot 2024-10-15 at 14.57.24.pngIMG_3292.jpgScreenshot 2024-10-15 at 14.57.24.png

Replies 3 (3)

Liquid_xPert_SJ
Shopify Partner
1260 137 183

Hi@swim2024 ,

By default the settings are not to show link of the drop down heading but you can achieve it by customizing the menu code and add link to the heading so that it will be a clickable menu.

 

 

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
swim2024
Visitor
2 0 0

Hey, Is there some code which I can add to the liquid files which will do this? 

 

Thanks

Liquid_xPert_SJ
Shopify Partner
1260 137 183

@swim2024  if you know how to change the code you can refer to the screenshot below

Online Theme > Theme Edit > Edit Code >    Snippets  > header-dropdown-menu.liquid

 

 

Find below code
 <summary
                          id="HeaderMenu-{{ link.handle }}-{{ childlink.handle }}"
                          class="header__menu-item link link--text list-menu__item focus-inset caption-large"
                        >
                          <span>{{ childlink.title | escape }}</span>
                          {{- 'icon-caret.svg' | inline_asset_content -}}
                        </summary>

and replace it with 

<a
                        id="HeaderMenu-{{ link.handle }}-{{ childlink.handle }}"
                        href="{{ childlink.url }}"
                        class="header__menu-item list-menu__item link link--text focus-inset caption-large{% if childlink.current %} list-menu__item--active{% endif %}"
                        {% if childlink.current %}
                          aria-current="page"
                        {% endif %}
                      >
                        {{ childlink.title | escape }}
                      </a>

 

 

 

Thanks

 

 

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂