Disable a Navigation link to a collection

[ByAprilCo]

Hey guys! 

Can anyone guide me to css or code where I can disable the Nav link for a Collection? Essentially I want the Collection link to only trigger the dropdown in the Nav, vs. going to the Collection Group Template/Page.

Site here for reference: https://rainbowtoybox.com.au/ / Password: rainbow

Nav links: Shop by Brand and Shop by Collection

thank you!

[BSS-Commerce · Accepted solution]

Hi @ByAprilCo 

You can try our suggestion below:

1. Search "CSS"

2. Scroll down to the end and add the code

.disable-click{
  pointer-events: none;
}

3. Scroll down and add this code like the image

<script>
      let disableClick = document.querySelectorAll(".list-menu li menu-dropdown");
      disableClick[1].querySelector("a").classList.add("disable-click")
      disableClick[2].querySelector("a").classList.add("disable-click")
</script>

If it's useful to you, please let me know by giving a like or marking it as a solution. Also, feel free to contact me if you need any.

[ByAprilCo]

Absolute Legend!!! Thank you so soooo much!