Mobile Menu dropdown

[KrullDesign]

Hi,

I have just taken my site live and there seems to be an issue with the mobile menu. I have an iPhone with then latest software.

1. The dropdown menus only shows the first dropdown item and it is overlapping on the main menu item. See attached. The first image shows the menu before clicking “Accommodation” and the second shows when “Accommodation” is clicked.

2. Also how to I make the menu (hamburger) icon white?

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
1- Please deactivate all plugins to see if this resolves the problem. If this works, re-activate the plugins one by one until you find the problematic plugin(s).

2-Please use this custom css code:-

#logo a.show-main-nav i, #logo a.mobile-search-link i {
color: #fff !important;
}

Thanks
Mohammad

[KrullDesign]

Thanks Mohammad

2. worked great but with 1. I deactivated all plugins with no change. I cleared cache on phone too.

[David Martin – Support]

Hi,

Please remove this from your theme options CSS:

nav .menu ul.sub-menu {
    position: absolute;
    z-index: 9995;
    margin: 0;
    top: 100%;
    left: 0;
    display: none;
    min-width: 250px;
	-moz-box-shadow: 0 0 5px -1px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 5px -1px rgba(0,0,0,.2);
	box-shadow: 0 0 5px -1px rgba(0,0,0,.2);
}

It is causing the issue, remove it, save your options and refresh the page.

Thanks,
David.