Drop Down Menu Responsiveness

How would you recommend making this drop down menu smartphone friendly?

Hey Bryce,

It’s not ideal to display a Dropdown on mobile because the dropdown sticks or is related to the position of the toggle.

Users usually hide the Dropdown element using the Hide During Breakpoints feature then set up a Modal element in its place still using the Hide During Breakpoints to hide the Modal on desktop and show it on mobile.

I understand that this requires more work or setup time but this is the solution.

Hope that helps.

1 Like

I understand, thank you for your input.

Is there any other elements that would recommend that could render on a large screen or smart phone that could hold a bunch of files? For example this drop down above was supposed to work as user clicked a button for specific set of documents that showed in the drop down so not so much info was at your face all at once.

Thank you!

Hi @rocketboy,

The Off-Canvas element is another option for a mobile menu.

I’m not sure of the context of your section, but base on your screenshot, I think the Accordion element or Tabs element is more appropriate.

Cheers,

1 Like

Thank you for your input! Accordion does seem to be the best fit.

You are most welcome.

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