Mobile Menu displays no Menu Options

Hi,

Thanks for contacting us today about menus. Could you please provide me more information on your ticket as I do not understand.

KLEO uses one main menu which it displays in different ways depending on the screen size. Resolutions below 991px will see the collapsed version with the hamburger icon.

Kieran.

Hi,

It looks like you have set a background image for the sidebar, go to Theme Options > Styling > Side > Scroll to: ‘Background image’ and unset this to remove the image, if this is not the case please send me admin credentials so I can look into this more.

With regards to no menu items it appears you’re using the ‘Replace the default Mobile Menu with the Side Menu’ option from Theme Options > Side Menu but you have no menu set as your main menu in Appearance > Menus. I can see from your site that you’re not using the main menu, only top menu, so if you go to Appearance > Menus > Select desired menu > Checkbox: ‘Side menu’ it should work.

Thanks,

Kieran

Hi,

You can use the below CSS in Theme Options > General Setting > Scroll to: Quick CSS or in Appearance > Editor > KLEO Child > Style.css to remove the top bar if the users’ screen resolution is lower than 991px

@media screen and (min-width: 991px) {
.social-header.header-color {
    display: none !important;
}
}

Make sure to clear any caching on WordPress, any CDN service and purge your local cache (Ctrl+F5) to see any changes. Caching on mobile devices can be very aggressive, you may need to delete your mobile browser data completely (apart from passwords and form data) to see these changes.

Thanks,

Kieran