Other menu on mobile than on desktop

Hey,

it works perfectly fine to hide the menu items – thank you!
But as mentioned before in every other browser than Firefox (at least of those I tested) a click on one of the horizontal menu items now doesn’t do anything because it would open the submenu but I’d want it to redirect to the page that’s behind the link as it does in Firefox.
I don’t understand why it’s working perfectly fine in Firefox but not in other browsers… (Links etc in private content section.)
Can you help me with this?

Regards.

Hey,

I don’t know since when this issue happens because I’m always working in Firefox where everything is fine. As already said this issue only occurs in other browsers (I’ve tested it with Internet Explorer, Chrome and Edge) than Firefox.

I’ve deactivated all plugins step by step but that didn’t solve the problem. :(
Login data is in the private content.

Best regards.

Hi,
thank you for your reply. I’ve reinstalled enfold via ftp but the issue is still there.
I’ve got a clue wherefrom it comes. The horizontal menu has far more items than those shown, only that I deactivated them with a custom css class “only mobil” like Yigit proposed earlier in this thread.
My plan now is to delete these menu items so that there are only the now shown items left. Then the menu works. But then I again have the problem that I need a different menu for mobil version.
Isn’t there any possibilty to set a different menu through Quick CSS or a custom CSS in functions.php with the code

@media only screen and (max-width: 910px) {
}

where it is defined which menu should be used?

Thanks in advance!
Best regards.

Hi,
it only works fine because now the horizontal menu doesn’t have submenu items in it. So a click on the menu item can’t affect anything else than redirect to this page.
But now my problem is, as mentioned in my last post, that the mobile menu is the same as the horizontal ones but I’d need it to be one menu with all the menu items from the horizontal (including links to subpages) and sidebar menu :(
So again my question:
Isn’t there any possibility to set two different menus, one for desktop and one for mobile version?

Best regards.

Hi,
we’re somehow going in circles…
With this solution I’ve got the problem that the items of the horizontal menu aren’t clickable because the menu would want to open the submenu which elements all are hidden. So instead of redirecting to the link behind the menu item there isn’t happening anything…
Regards

Hi,
I’m sorry for not having it explained properly.

I’d want to have menu A (including the items of the fullwidth submenus) and menu B together in one mobile menu. See pictures for menus. So I think I’d have to load another menu when on mobile than when on desktop?
menu A+B
fullwidth submenus

The other option would be to hide the menu items on desktop and show them on mobile as you already explained to me but then there’s the issue (I already mentioned it) that in other browsers than Firefox the horizontal menu items won’t redirect anywhere. I think that’s because a click on it would normally open the submenu which is hidden and thus not opening. (That would be when the menu “Menü_horizontal” would be set as main menu. You can try it if you want to with the provided login data.)

It somehow seems like I’d either be able to have a well functioning desktop menu or a well functioning mobile menu but not both at the same time.

Best regards and in advance thank you very much for your efforts!

• This reply was modified 7 years, 8 months ago by ping-pong.

Hey,
thanks a lot! I found the plugin WP Mobile Menu and it works perfectly fine.
Just one other question:
Can I deactivate Enfold’s mobile menu completely? I only found the possibility to activate it for smartphones or for tablets and smartphones.

Best regards!

Hi Andy,

It’s working – thank you very much for all your help! :)
You’re great!

Best regards.