So I’m starting a Wordpress blog theme from scratch using Wordpress blocks. I have a good understanding of the basic WP framework and how Pinegrow adds WP functions to common page elements, but I’m having some trouble wrapping my head around how the category dropdown menu works. I figured there would be a list item loop (like for blog posts) to add for the first drop down item and it would propagate all category items inside the menu but there is no such function. I’m left with a dropdown menu that looks something like this:
<div class="dropdown" wp-dropdown-categories wp-dropdown-categories-orderby="NAME" wp-dropdown-categories-order="DESC">
<a data-toggle="dropdown" href="#">Dropdown trigger</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="#">Action</a>
</li>
<li>
<a href="#">Another action</a>
</li>
<li>
<a href="#">Something else here</a>
</li>
<li class="divider"></li>
<li>
<a href="#">Separated link</a>
</li>
</ul>
</div>
I realize that the function replaces the whole element, but I think I need some clarification as to how the menu will appear and which element I can apply styles to.