So right now It looks something like the before.jpg. I'd like to add some style to it and make it looks like the after.jpg. Btw...the screenshot for the after is from the MeetGavern template.
I was thinking something can be done in the mobile.css template. I tried to check out the mobile.css template for MeetGavern, but I didn't find it there.
Sadly this kind of customisation is beyond our support.
But to give you a little clue - the way it displays looks different on mobile devices - it triggers browsers integrated select method - and that is a method often used to generate mobile menu. If you would like to rebuild it, you would need to completely change the way this menu renders and create styling for it.