Dropdown menu showing top tags

Hi there,

Are you looking to replicate the design only, or do you also need the functionality to display popular tags?

If it’s just the styling you need, it’s fairly easy. You can use a normal menu with a submenu and apply some CSS for custom styling. If you already have that set up, you can share the link to your site, and we can see the CSS that needs to be used.

I need both: To replicate the design and apply the functionality.

If you also want the functionality, it requires custom development which is out of the scope of the support forum or you can look for a plugin which does that.

It would be easier to achieve if you’re using the standard navigation menu. You can try these steps to kind of replicate the example menu:

First, create a menu and add tags as the submenu in Appearance > Menus. If the Tags option doesn’t show up on the Add menu items on the left, you need to enable it by clicking the Screen Options on the top right corner of the page and checking the Tags option. You also need to check the CSS Classes option as we will need to add a class to the submenu.

Once you’ve done creating the menu with the tags submenu, add this class inside the CSS Classes field on the submenu item: tag-menu-style

Lastly, just add this CSS inside Customize > Additional CSS:

.tag-menu-style {
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 5px 0;
   margin-bottom: 10px;
   border: 2px solid blue;
   border-radius: 100px;
}