Making whole TopMenu item unclickable but whole box clickable for dropdown

[Ivee]

Ok I know the topic name is confusing, but let me explain:

-I made a TopMenu item unclickable so it can just open the drop down menues. Currently I used javascript: void(0); to create this
-This is ok on Desktop, but I want also to be like that on mobile where they click any part of the word of the topmenu to show the drop down menu. Right now you can only click the ARROW icons on mobile to show the drop down menu. It won’t open if I click only the word.
-I took a screenshot and I want the highlighted area to be clickable to open the drop down just like clicking on the ARROWS (in red box) causes the drop down menu to open.

Does this make since and is it possible? I can maybe post a link to a video of me explaining if it doesn’t make sense.

Thank you in advance,
Ivee

[ruenel]

Hello Ivee,

Thanks for writing in!

By default, the parent menu items will be clickable and only the arrow can be togged to expand or collapse the submenu. What you have in mind can only be done with customization that overrides the default behaviour of the menu item. Regretfully custom development is beyond the scope of our support. We only cover getting your site set up, bug fixes and minor cosmetic changes.

Meanwhile, please add # as your href for the menu items that has sub menu items.

Best Regards.

[Ivee]

Thank you @ruenel for the reply. I can understand that.
As for adding # as href for the menu items that has sub menu items, what do you mean? Do I put it at the end of the URL part in the menu section? All I did was use the Menu options of Wordpress to create it like any other menu or navigation bar.

[ibaartek]

Hi @marketing0161, you should not need any JS to do it,

Use this CSS so that the arrow area covers the whole button:

.x-sub-toggle {
    width: 100%;
}

.x-sub-toggle > span > i {
    float: right;
    padding-right: 32px;
}

And in your menu create the parent link as a Custom link instead of a page

Here is a video showing it:

I hope it helps
Bart

[Ivee]

You, sir, are a life saver. Thank you. I now know what Ruenel means by Href with #. It’s the URL area for custom links. Thank you everyone!

[ibaartek]

You are welcome @marketing0161

Thanks as well
Bart

[ruenel]

We really appreciate for chiming in Bart!
Cheers.