Not able to display Mobile Menu

[Julien_Frisch]

Hello,

I want to use the same menu on top of my page for both desktop and mobile version.
I have set up a dedicated menu for both “Main Menu” and “Mobile Menu”.
It works fine on Desktop (You can see “Colliers, Bracelets, Parures”), but nothing appears on mobile.

Can you help?

Regards,

Julien

[David Martin – Support]

Please add a WP login for us to take a closer look.

Thanks.

[David Martin – Support]

Please add a WP login for us to take a closer look.

Thanks.

[Julien_Frisch]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Its seems perfect to me so please check after clear the cache of browser.
Thanks
Mohammad

[Julien_Frisch]

Please have a look at the screenshots attached. On the mobile version I cannot make the TOp bar nor the Menu appears as expected. Clearing the cache or trying with a different device did not help.

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

The top bar is disabled for small screens and tablets as there is no space for it.

You can test enabling it, if you add this to Theme Options => Custom CSS:

@media only screen and (max-width: 1024px) {
.mhs-tablet-land .header-wrap, 
.mhs-tablet-land #top-bar, 
.mhs-tablet-land #top-bar-sticky-wrapper {
    display: block;
}
}

[Julien_Frisch]

Hey David,

I added the required code to custom CSS but I did not see any change on mobile.
Besides the top bar, it is also the menu “Colliers, Bracelets, Parures” that is missing.

Thanks,

Julien

[David Martin – Support]

Your mobile menu is displaying just as you have set it to:

I have checked your CSS and can confirm it works, hoever you added two .. to each class which caused an error. Please check now.

[Julien_Frisch]

OK, thank you

[David Martin – Support]

Glad to help you out.