Change navbar to select menu

I have a navbar that displays approximately 8 menu items. The dropdown works fine for the tablet orientation, but for mobile, my client is claiming that some of the nav items are being cut-off (and also claiming they can’t scroll to see the additional items off-screen).

I’m wondering how I might set the navbar up to turn into a select menu for mobile use, so that when users select the list, they are presented with a select menu. In iOS, this would utilize the native select menu (similar to how you could select a state or country in most forms).

I realize I could hide the main navbar on mobile and create a duplicate that contains the select menu, only visible on mobile, but that is a bit clunky and I already have this site hooked up to a CMS…so menu items are being added dynamically.

Anyone have thoughts? Thank you!!!

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