Mobile Menu in Overlaay Mode

Hi there,

I am wanting to use the MobileMenu when in overlay mode but only in Small Tablet and Mobile views. I noticed that this kind of menu only gets activated when in the Classic Menu mode.

Is it possible, and how, to do what I need? Because the Overlay menu is only good in Tablet and desktop views.

The only thing I can think of is to do it by CSS to hide an additional menu when in tablet/desktop view and make it visible (with the overlay menu hidden) in Mobile and Small tablet mode.

Thanks.

Hello,

Unfortunately it won't be possible, because the script modifies the menu behaviours and adding functionality required in your topic needs a complete rewrite of the menu scripts which is beyond of our support.

Hello,

Unfortunately it won't be possible, because the script modifies the menu behaviours and adding functionality required in your topic needs a complete rewrite of the menu scripts which is beyond of our support.

Thanks.

So a different way, I am using CSS to hide the menu and wanting to display a different menu instead when in mobile view. However mainmenu is not a usable position. Is there a way I can use that as a position or add a new one in the template at all? Only other option is to try and put it in topnav or search position and try and float them in the right positions.

Thanks.

Unfortunately this case also needs deeper changes in the menu script - even if you put two menus. Additionally it is not good for the template structure and SEO.

Unfortunately this case also needs deeper changes in the menu script - even if you put two menus. Additionally it is not good for the template structure and SEO.

Why is it not good for SEO and template structure to do this?

So far I have been able to get this to work and look correct, half way through the CSS styling on the addtional menu that displays only in mobile mode view.

Because you are duplicating the menu structure and hide containers - it will creates duplicate links and content on your website. You can try, but this kind of modifications are beyond of our technical support and are not recommended by us.

Because you are duplicating the menu structure and hide containers - it will creates duplicate links and content on your website. You can try, but this kind of modifications are beyond of our technical support and are not recommended by us.

To avoid duplicating menu items, this would be achievable if there was an option in the 'Menu' settings in the template to set the Start Level Item to 2. Because I can use the same menu with a 3rd party menu system but to use the Level 1 just as a FontAwesome bars icon:before only. This way when the normal overlay menu is displayed the main parent item which would be my fontawesome icon would not be displayed only and the level 2 items would be the usual menu, if you know what I mean.

But at the moment there is no setting for Start level, only end item level so an additional menu needs to be created

The only other way would be to replace the main menu items with icons instead when in mobile view to be able to fit. Because your current template in Overlay mode doesnt look good with the menu links on two lines.

You can try to add additional menu position in the layouts/default.php file, but as I wrote earlier - it seems to be a complex custom work which is beyond of our technical support.