# Dropdown menu in Wordpress with Tailwind

**URL:** <https://forum.pinegrow.com/t/dropdown-menu-in-wordpress-with-tailwind/8434>\
**Category:** General\
**Created:** [October 13, 2023, 11:53am UTC](https://forum.pinegrow.com/t/dropdown-menu-in-wordpress-with-tailwind/8434 "2023-10-13T11:53:05Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![red-rosefields](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/red-rosefields/32/5392_2.png) [@red-rosefields](https://forum.pinegrow.com/u/red-rosefields)\
**Post date:** [October 13, 2023, 11:53am UTC](https://forum.pinegrow.com/t/dropdown-menu-in-wordpress-with-tailwind/8434/1 "2023-10-13T11:53:05Z")

</div>

Hello everyone, I’m hoping someone can provide me with some guidance.

I am currently working on a one-level dropdown menu, and I have implemented dropdown animations using JavaScript (JS).  
This is the non wordpress preview.

[https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/2/2b3808855e3819907bbf2ff9c5e75387cb83747f.mp4](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/2/2b3808855e3819907bbf2ff9c5e75387cb83747f.mp4)

To clarify the structure, I have placed the Smart Menu on the div that contains the main navigation. As for the submenu, specifically the “menu item with dropdown,” it is located on the div where I have multiple subitems.

[https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/b/b2617a57376b4dea18634e7d1470e2d32da61f79.mp4](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/b/b2617a57376b4dea18634e7d1470e2d32da61f79.mp4)

 ![Screenshot 2023-10-13 at 12.25.01](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/0/01e7948400514ea34f8703c06ade7e4c35951a74.jpeg)

Unfortunately, is not working. The moment I use submenus everything stops working. I am wondering if there is a recommended approach for achieving this functionality in WordPress, and if there is any documentation available specifically for implementing it with PG and TW .

Additionally, to your opinion, is Bootstrap considered more “friendly” or compatible when working with WordPress menus and PG?

Thank you in advance to anyone who can provide help!

---

<div class="post-metadata">

**Author:** ![red-rosefields](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/red-rosefields/32/5392_2.png) [@red-rosefields](https://forum.pinegrow.com/u/red-rosefields)\
**Post date:** [October 16, 2023, 3:48pm UTC](https://forum.pinegrow.com/t/dropdown-menu-in-wordpress-with-tailwind/8434/2 "2023-10-16T15:48:41Z")

</div>

Solved?! **\*\*\*\*\*\*\*\*\*\*\*\*\*** \*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_  
I came to a solution for configuring my custom submenu in WordPress. I’ve registered two menus - one for the primary navigation bar and the other for the submenu. To assign specific pages to the desired menu in WordPress, I make use of menu locations. It may seem unconventional, but it effectively achieves the desired functionality.