Scrollable Menu/Dropdown Selection

[zackfiske]

Hi,

I am working on a site that has membership levels based on states, so a user has to select their state from a list.

I need to make a menu/dropdown selection box that includes all the states. I need them to be able to simply scroll through the states in the box, while keeping the box area within the div/row.

Every option I have so far in the customizer is extending the menu list way too far and creating a giganticly long menu, which extends the page incredibly. I need the contents of the menu (ie. the states list) to be situated inside the div/row and just scroll through the states.

How can this be accomplished?

Thank you,
Zack

[ruenel]

Hello Zack,

Thanks for writing in!

You can utilize the Looper Provider JSON feature where in you put all the States in your JSON list and then consume it via the Looper Consumer as a buttons inside a Dropdown element. If you are not familiar with the Looper feature please check out this documentations:

• https://theme.co/docs/loopers
• https://theme.co/docs/loopers#json
• Dropdown | Themeco Docs

You can also use this videos:

Best Regards.