Streaming live at 10am (PST)

Adding a Button to a dropdown


#1

Is it possible to add a button inside the top of a dropdown menu?

So in the example in my screenshot I have my dropdown made and I want to move the plus icon inside of the top of the dropdown menu as a button in the location it’s at now but within the top of the dropdown.

Thanks!classes_menu


Here is my site Read-Only: LINK
(how to share your site Read-Only link)


#2

Just drag and drop it inside the dropdown element.


#3

So I tried doing that and changing the dropdown layout to flex but I can’t seem to get the button to align to the right? It’s just showing up below the text.


#4

You can use flexbox to align elements inside the dropdown elements.


#5

That’s what I tried but the button is below the text. I can’t get it to align to the right.

classes_menu_btn


#6

Can you share your read only link please?


#7

https://preview.webflow.com/preview/te-re-design-top-nav?utm_source=te-re-design-top-nav&preview=fd0fdc0b6bf6acdde6d874018153c884


#8

I see what the issue is, insert a div block into your dropdown element and apply flexbox to that div then insert the text and the image there to align correctly


#9

Perfect, that worked.

Thanks for your help!