Docs

[JohannesVogt]

Hi!

I use the superfly menu to show some information. Therefore I’d like to deactivate specific links in the submenu because they are only there to toggle the content bar but don’t lead anywhere. If I leave they empty in the menu settings, it doesn’t have any effect. They are still clickable but just oben a blank page.

The url is: http://bueroweltmichel.unplugged-band.com

I assume this can be done by CSS, but I don’t know the class of the submenus.

I hope you can help me.

[Rad]

Hi there,

Thanks for writing in.

Tried with preventDefault() which is usually the way of turning off the linking. But it’s not working, tried listing the attached event to those menu items and it returns undefined. Could you try adding javascript:void(0); as the menu link?

Thanks!

[JohannesVogt]

Hi,

adding javascript:void(0); did the job perfectly. The only thing I’d still like to do is to change the cursor. At the moment it still changes the cursor on hover like it would with a normal link. I thought of this:

.not-active {
pointer-events: none;
cursor: default;
}

The only thing is that I don’t know the CSS class for the submenu. Do you think this could work?

[Rad]

Hi there,

Please try this one

.sfm-has-child-menu a {
pointer-events: none;
    cursor: pointer;
    cursor: hand;
}

Thanks!

[JohannesVogt]

Hi,

this doesn’t help unfortunately. 🙁

[Thai]

Hi There,

Please try with this CSS:

a:not(.sfm-active-item){
pointer-events: none !important;
cursor: default !important;
}

Hope it helps 🙂

[Author]

Posts