Viewer Theme Multi Menu Standard Menu Problem on Mobile

[dawsonbarber+ 19]

I'm using the Multi Menu on an installation and have noticed a problem when using the standard version of the menu on mobile: basically some of the menu items "creep" into the section below it.

 

You can see the problem in the attached image (or by resizing the browser on the site here: http://wpagentplus.com).

 

[attachment=2660:standard-menu-mobile.jpg]

[Danny+ 1,327]

Hi,

 

Have you added any customisation to the section at all ?

As I am unable to recreate this this issue regardless of how many menu items I use - https://cloudup.com/cDGBb4NSleg

I recommend disabling all active plugins and removing all custom code and see if this resolves the issue.

[dawsonbarber+ 19]

I tried as you recommended.

 

The only active plugin is multi menu and all custom code has been deleted (on a staging site).

 

I'm using the default settings for the multi menu and am still getting the same result.

 

[attachment=2663:multi-menu.jpg]

 

The problem appears when you first load the page on mobile or a resized desktop window (if you first scroll down the page, then scroll up again, it appears as it should).

 

I've also noticed that, on some occasions, the menu appears behind the slider (on a resized window).

 

Please advise.

[Danny+ 1,327]

I recommend you disable all active plugins and see if this resolves the issue. As I am unable to recreate this on my end with no other plugins active than MultiMenu. It could well be a conflict caused by the Revolution Slider plugin you're using. You're also using as far as I can see a cache plugin too, this too could be the cause of the issue. Therefore, please disable all active plugins, remove the icons from the menu and when you have reply here so I can test the site again.

[dawsonbarber+ 19]

Danny

 

As mentioned, I deactivated all plugins (other than multi menu) and deleted all custom code on a staging installation of the site.

 

WP Engine handles the caching so there's no caching plugin in use (caching is automatically disabled on staging sites anyway).

 

I deleted font awesome icons from the menu and the problem remains.

 

Just so we're on the same page, here's the URL for the staging site:

 

http://dawsonwpagent.staging.wpengine.com

[Danny+ 1,327]

Okay, I see what your issue is. Basically, there is no issue, but I do get where you're coming from. Basically, when you view your site on a mobile device or reduce your browser width, the background is set to the min-height of 100px and that is causing the issue as far as I could tell. 

So I can speed this up, can you attach a screenshot of your MultiMenu settings, so I can compare them to mine and make sure we're on the same boat.

[dawsonbarber+ 19]

Yes, min-height seems to be a problem.

 

It effectively throws off the position of the logo and the nav (actual height is more like 84px).

 

Eliminating it in firebug causes the menu to shrink up and increasing it to compensate for mobile throws off the position of the logo and nav, not surprisingly, even further.

 

One solution would obviously be to use different CSS for min-height on mobile vs. desktop, but I don't believe that that should be necessary.

 

Anyway, as requested, I've attached a screenshot of the settings - as you'll see, there's not much going on there (and any elements/fields in the portion of the settings window that are missing in the screenshot are empty/blank).

 

Cheers

[Danny+ 1,327]

Okay this has been reported to our task manager.