Sub Menu after opening remains open

Hello ??

It works exactly as intended. Do you have “one-page” type of website or classic one?

With kind regards.
Air.

Hi Air,

I have a One page website. If I use the Menu without sub menu everything works fine.
But, I need to use Sub menu because the Menu become too long.

Just the only Menu parent of sub menu and sub menu remains open. Any solution to this?

Thank you!

Hey ??

I have just checked in the code, and it was specially made, that only main menu items are closing the menu after click. It is made like this so, one could have a one-page site, with an additional submenu for other pages.

Could you share a link to your website? Maybe I can advise something?

With kind regards.
Air.

Hey

I have installed WordPress locally so I am not able to send you the online link.

But, the issue as I explained, The mane menu the one has a sub menu does not hide automatically, so it covers the content of the website specially in mobile device.

If I do not use sub menu Main menu works fine.

This is how it looks like:

Home About Services Work contact Us
(Submenu) How it works
Why Us?
Job
Testimonial

As you can see as above the by clicking any link in the sub menu or even the parent (About) the menu does not hide.

Please reply to the as soon as possible .
Thank you

Hello ??

As I have said it works like intended. It would require custom JavaScript to change this behavior.

I would consider rethinking your navigation strategy.

You could think about using multiple menus in your case- one for your pain page for anchors to navigate by your “one-pager”, and another for other subpages.

https://rifetheme.com/help/docs/basic-setup/menus/different-menu-for-various-pages/

With kind regards.
Air.

Hey,

Yes, I do understand that intended to work this way.

But, I think this’s not a good idea to have it in this way, because once the menu is opened up the menu in mobile devices, it covers 75% of the contents and there is no X to close it and the user getting confused how to close the menu!

Having 2 separated menus by using the plugin also is not a good solution. The js file should be edited instead, I suggest.

Anyway thanks for taking time.

Hi Air,

Please consider I am using One page website.

Let me explain again. all the menu elements works fine in Desktop and small devices. But, the only one with the submenu stay open after click in both Desktop and Mobile devices.

I do not think this is a big issue to fix for the theme author as it needs to modify a function for the submenu n the js file.

I have tried to inject the following function but it interfere with the click function.

—————————————————————
(function($){
“use strict”;
$(document).ready(function(){

$(‘li’).hover(function() {
$(this).children(“.submenu”).stop().show(250);

},function() {
$(this).children(“.submenu”).stop().hide(250);
});
});
})(jQuery);
—————————————————-
CSS

/* This hides the submenu
This code must be included or your submenu
won’t be hidden when the page loads */

.sub-links {
display: none;
}`
——————————————————————-

Please help me to solve this as soon as possible, if you can.

Thank you!

Hey ??

As I have said before – the theme was designed to hide the menu after click on the “one page” websites. Please see it here in action https://rifetheme.com/lander/

However, it will not work in the submenu – and it is intended.

I do not think this is a big issue to fix for the theme author as it needs to modify a function for the submenu n the js file.

Please accept the fact, that it is only your opinion, on how easy the task really is:-)

There is nothing to fix, it is a modification of the default theme behavior.
Code that will work for your modification requires some testing, because as you say, it may interfere with other aspects of the menu.

With kind regards.
Air.