Streaming live at 10am (PST)

Column within Dropdown - responsive?


#1

Has any created column within dropdown and put different li within it and was able to make it responsive ?

appreciate if anyone can share any successful experience.

Cheers,
Ronn


#2

Hello @ronn

Can you share an example of what you're trying to achieve?


#3

I don't have any example and what i mentioned above is just an idea I was thinking to implement. But thought many may have already done it so asked if anyone can share their experience.

pseudo element structure...

Navbar -> Dropdown -> li -> div-wrapper -> image + Text + Text

But the structure ended up being not responsive for mobile devices.

make sense ?


#4

@ronn great question! Since you're not able to nest an unordered list within a dropdown, what I recommend is just setting your dropdown links to 50% width and float: left. You can actually drop in link blocks within a dropdown list (you can nest elements within a link block as well link text, and images).

Here's a quick example :slight_smile:

https://preview.webflow.com/preview/nested-navbar?preview=eceab48f8d44f9f707595bf96a25f7a0


#5

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.