What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: How to make EVERY links clickable in the menu

Solved

How to make EVERY links clickable in the menu

CatAmore
New Member
4 0 0

Hi Shopify Community,

i'm Sascha an new at this board. Aktually im am building a neew webshop using the Shopfify Craft theme.

While building a problem accured i actually can not solve by myself.

I want to have clickable links in the menu. I found a solution here, to change the css code in header-dropdown-menu.liquid. 

menu 1.JPG

It worked, but not with all links. 

Actually the link "Hund" is clickable. Also the link "Barca and Cavom and Power of Nature a.s.o"

But the link "hundefutter" is not clickable.

The point ist, when i delete the categories/links "Barca and Cavom and Power of Nature a.s.o" the link "hundefutter" is then clickable.
menu.jpg

What do i have to change in css?

i would be glad if you have any solution for me.

Sascha.

PS. sorry for my bad englisch. i know it should be better after all the years of english lessons ;o)





 

 

Accepted Solution (1)
Liquid_xPert_SJ
Shopify Partner
1285 139 184

This is an accepted solution.

@CatAmore 

 

Never mind can you share the store collaborate access with me so that i can look into it and fix it for you ?

- 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 🙂

View solution in original post

Replies 27 (27)

Liquid_xPert_SJ
Shopify Partner
1285 139 184

Hi@CatAmore welcome to the onboard,

 

This need little liquid and css customization. can you please share the store url? so that i can share an exact solution for you.

 

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 🙂
CatAmore
New Member
4 0 0

Hi,

yes of course.

https://catamore-shop.myshopify.com/

The shop is actually not published.

best regards and thx for your fast response
Sascha




Liquid_xPert_SJ
Shopify Partner
1285 139 184

still need storefront password

- 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 🙂
Liquid_xPert_SJ
Shopify Partner
1285 139 184

still need store front password

2024-05-15 14_27_12-CatAmore — Mozilla Firefox.png

- 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 🙂
CatAmore
New Member
4 0 0

I just changed it. There should be no password needed anymore

Liquid_xPert_SJ
Shopify Partner
1285 139 184

@CatAmore 

 

can you do You can do that by adding 2 lines of code in your header-mega-menu.liquid and header-dropdown-menu.liquid files
<a href="{{ link.url  }}">
Line 2

Screenshot 2023-08-24 at 15.11.27.png

- 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 🙂
CatAmore
New Member
4 0 0

Hi, Thx for your answer. 

But i allready did this, like i wrote in the opening of this thread. Unfortunally it does not work when i use grandchild links.

When i us a parent and child link it works perfectly, but when i use a parent, a child and a grandchild link, only the parent and grandchilds are clickable. Somehow at this moment the child link is not anymore clickable


Liquid_xPert_SJ
Shopify Partner
1285 139 184

This is an accepted solution.

@CatAmore 

 

Never mind can you share the store collaborate access with me so that i can look into it and fix it for you ?

- 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 🙂
JJsParadise
Tourist
10 0 1

Hello SJ,

 

I am having a similar issue. I can share my code with you. The problem I am having is that my childlinks are not clickable in the dropdown menu. I managed to correct my links by adding what you see outlined in blue, and I imagine I need to change somewhere in the red outlined area for the childlinks, but I cannot figure it out for the life of me. It always does something weird, maybe because of the "Span" function? 

 

Additionally, I would like for my grandchild dropdown menu to open to the side and not be sandwiched between the collections of my child menu.

 

Thanks in advance

 

JJsParadise_0-1722284822060.png

 

Liquid_xPert_SJ
Shopify Partner
1285 139 184

@JJsParadise 

can you please share the store url? or DM me for collaborator code so that i can look into it.

- 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 🙂
JJsParadise
Tourist
10 0 1

My collaborator code: 9604

JJsParadise
Tourist
10 0 1
Liquid_xPert_SJ
Shopify Partner
1285 139 184

ok just sent you collaborator access.

- 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 🙂
JJsParadise
Tourist
10 0 1

Sorry, can you send again... I rejected.

Liquid_xPert_SJ
Shopify Partner
1285 139 184

sent again.

- 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 🙂
JJsParadise
Tourist
10 0 1

What access do you need to view the code?

Liquid_xPert_SJ
Shopify Partner
1285 139 184

Online store theme code, navigation access.

- 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 🙂
JJsParadise
Tourist
10 0 1

Done

Liquid_xPert_SJ
Shopify Partner
1285 139 184

@JJsParadise  ok

- 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 🙂
Liquid_xPert_SJ
Shopify Partner
1285 139 184

@JJsParadise 

 

can you please test it ?

- 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 🙂
Liquid_xPert_SJ
Shopify Partner
1285 139 184

@JJsParadise  is that what you were looking for?

- 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 🙂
JJsParadise
Tourist
10 0 1

Ohhhh, I see that you made it open on hover, which I like. Let's keep that, but I am looking to make the childlinks clickable. When you click the child links they do not redirect you to that specific collection, it just opens or closes that dropdown menu.

Liquid_xPert_SJ
Shopify Partner
1285 139 184

@JJsParadise  ok hold on let me update it for you you just need to open the parent dropdown on hover not all the dropdown which are inside the parent? correct?

- 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 🙂
JJsParadise
Tourist
10 0 1

Nothing to do with hover. I like what you did there...

 

I want to only have clickable child links. So when I click "Anime hoodies, Anime mouse pads, etc.." it opens that collection. 

JJsParadise
Tourist
10 0 1

Also SJ, I want to make it so the grandchild links open to the side of the child links if possible. Now when they open, it opens in between the child links.

JJsParadise
Tourist
10 0 1

Like this below. I can't seem to figure out how to replicate this childlink to grandchildlink relationship in my current theme.

 

1000073038.jpg

Liquid_xPert_SJ
Shopify Partner
1285 139 184

@JJsParadise 

its updated please have a look.

- 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 🙂