Change Responsive CSS To Show Top Bar Menu on Mobile instead of Main Menu

[JLeksell]

I have 2 menu’s set up, a Home menu and a Main menu. The Home menu has just a phone number, e-mail, another link and the search bar. In a full view this is the menu I want presented at the top level on the same table row as the company logo. I have the Home Menu set as my “Main Menu” in the FlexForm navigation options.
My second menu, named Main Menu, has the actual navigation of my website. I have this menu set to “Top Bar Menu” in the FlexForm navigation options. This is the menu that I want displayed when the website goes responsive for mobile.

So in short, I want the FlexForm Top Bar Menu to be shown as the responsive menu at the top of my page in mobile, not the FlexForm Main Menu which is currently shown. Making the change in the Customize -> Navigation options works to switch the menus in responsive but does not give me the desired look when the site is not in responsive mode.

I would like to leave everything exactly how it is by default but switch the Top Bar Menu for the Main Menu when in responsive view.

Thank you

[Kyle – SUPPORT]

Hi there,

Unfortunately that is not part of the current theme functionality, and it’s not within the scope of our support to be able to provide that functionality as it is more work than a small customisation. While we’d love to be able to support every customisation request, we simply don’t have the time. We recommend that you seek a freelance developer if you need that functionality, potentially from one of the below resources:

https://codeable.io

Home

http://www.microlancer.com

Hope that helps.

– Kyle