# Bootstrap Dropdown Link Not Working in Wordpress

**URL:** https://forum.pinegrow.com/t/bootstrap-dropdown-link-not-working-in-wordpress/5029
**Category:** Pinegrow WP
**Tags:** wordpress
**Created:** [February 26, 2021, 2:06pm UTC](https://forum.pinegrow.com/t/bootstrap-dropdown-link-not-working-in-wordpress/5029 "2021-02-26T14:06:49Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![shingen](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/shingen/32/3174_2.png) [@shingen](https://forum.pinegrow.com/u/shingen)
#### Post date: [February 26, 2021, 2:06pm UTC](https://forum.pinegrow.com/t/bootstrap-dropdown-link-not-working-in-wordpress/5029/1 "2021-02-26T14:06:49Z")

</div>

Hey folks,

I know this is an older posting, but figured I would bump it up in case others are having issues.

Here is the situation with my setup.

New install with basic settings. But I am using the Bootstrap 4 template and have the navbar setup.

 ![menu 1](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/2/275000e44f05fb9c25e056c7a7d2b71073c65b86.png)

![menu 2](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/b/b6f84bf46f5ad3b510c1fac27d85e2e0fcea09a9.png)

Everything is setup fine and I am actually using a direct URL to the shop (whether I use a direct url or choose from the list, the output is the same), but the output uses a hashtag instead of the actual URL.

Any thoughts?

Cheers

---

<div class="post-metadata">

### Author: ![Emmanuel](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/emmanuel/32/6294_2.png) [@Emmanuel](https://forum.pinegrow.com/u/Emmanuel)
#### Post date: [February 26, 2021, 2:22pm UTC](https://forum.pinegrow.com/t/bootstrap-dropdown-link-not-working-in-wordpress/5029/2 "2021-02-26T14:22:11Z")

</div>

The first menu item is the trigger for the dropdown. (the default behaviour with BS being the click, not the hover)

For the moment, I guess If you want a direct link to your shop from the navbar, you have to set it at the top level…

---

<div class="post-metadata">

### Author: ![Emmanuel](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/emmanuel/32/6294_2.png) [@Emmanuel](https://forum.pinegrow.com/u/Emmanuel)
#### Post date: [February 26, 2021, 2:27pm UTC](https://forum.pinegrow.com/t/bootstrap-dropdown-link-not-working-in-wordpress/5029/3 "2021-02-26T14:27:49Z")

</div>

Ah, I found some documentation here so it’s a common search 🙂

> <https://stackoverflow.com/questions/57963885/bootstrap-4-how-to-make-head-of-dropdown-link-clickable-in-navbar>

Not sure if our navwalker will handle it.

---

<div class="post-metadata">

### Author: ![shingen](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/shingen/32/3174_2.png) [@shingen](https://forum.pinegrow.com/u/shingen)
#### Post date: [February 26, 2021, 2:50pm UTC](https://forum.pinegrow.com/t/bootstrap-dropdown-link-not-working-in-wordpress/5029/4 "2021-02-26T14:50:35Z")

</div>

Hey there,

Thanks for this, but nope, that solution does not work. You guys have a custom generated navwalker, so I cannot see how the hover/toggle gets injected into that .js file.

I also tried changing the data-toggle to data-hover in PG and then export, but again I still get the hashtag for a top level link.

I am not wanting to hardcode my address in the navigation if I don’t have to. I was just showing that whether I am using a hardcoded URL and just allowing WP to generate the URL the outcome of the hashtag is the same.

Any thoughts?

Cheers