Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

To add non clickable menu item in Helix Main Menu does not work

Featured Lock Resolved Bug
hi,
to add non clickable menu item in Helix Main Menu does not work.

i am using Helix 3 V2.5.3, Joomla 3.8.7, SPPB 3.1.3 and have many websites build with joomshaper solutions.

Non clickable menu item works in joomla splitmenu,and in off Canvas menu, but not in helix menu. it is the same website.

What can i do?
regards regioprint

Attachments (1)

  • Joomla-3.x.-How-to-add-non-clickable-menu-item.jpg
    Joomla-3.x.-How-to-add-non-clickable-menu-item.jpg 63.6 KB

12 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
yes, for touch screen there must be extra line added

.no-link > a,
.nolinkplease > a {
cursor: default !important;
pointer-events: none !important;
}


tip from: https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
indeed, I asked for fix long time ago...

the only way for this menu item type is... to use custom css which will cheat mouse when hover.

Paul Frankowski - Staff

More than a month ago #Permalink
Have you tried to use "Menu Heading" instead for submenu columns.

Paul Frankowski - Staff

More than a month ago #Permalink
Anyway, there is alternative way to cheat front-end user:
1) add : no-scroll class name
no-link.png

2)
use this code

.no-link a:hover,
.no-link:hover a {cursor:default !important; color:#333 !important;}

Attachments (1)

  • no-link.png
    no-link.png 7.9 KB

regioprint

More than a month ago #Permalink
Have you tried to use "Menu Heading" instead for submenu columns.

yes, same result

Paul Frankowski - Staff

More than a month ago #Permalink
In that case you have use above css trick to cheat ,
Few seconds ago I updated class names! by first time I copied wrong line.

regioprint

More than a month ago #Permalink
Anyway, there is alternative way to cheat front-end user:
1) add : no-scroll class name
[attachment]no-link.png[/attachment]

2)
use this code
.nolinkplease a:hover,
a.nolinkplease:hover
{cursor:default; color:#333 !important;}




i tried this

.nolinkplease > a { /* behebt Fehler im Helix Menü, no click for Menu Item*/
cursor: default !important;
}


solution is quick and dirty, it works - so that there is only a default cursor, but when you click on it, the Link works.

This is not good, because for touch-screen IPad p.a., we need no links in menu-heading or menu-text-separator.

What can i do?

pepperstreet

More than a month ago #Permalink
indeed, I asked for fix long time ago...
the only way for this menu item type is... to use custom css which will cheat mouse when hover.


So true! A build-in solution and fix has been discussed a long time ago. (May 2016)
https://www.joomshaper.com/forums/menu-type-separator-link

I noticed slight changes in off-canvas menu, but mega-menu is still a problem.
Please, change markup for mega-menu and maybe provide the optional CSS solution in the default template.css, so anyone can benefit from another "utility class".

Paul Frankowski - Staff

More than a month ago #Permalink
I can push only for Helix Ultimate now.

regioprint

More than a month ago #Permalink
yes, for touch screen there must be extra line added

.no-link > a,
.nolinkplease > a {
cursor: default !important;
pointer-events: none !important;
}


tip from: https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events


~ thank you, it works

Andrew

More than a month ago #Permalink
yes, for touch screen there must be extra line added

.no-link > a,
.nolinkplease > a {
cursor: default !important;
pointer-events: none !important;
}


tip from: https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events



GREAT THANKS !!!!


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 128
Sifat

Sifat

Total Accepted Answers: 89
Toufiq

Toufiq

Total Accepted Answers: 45
Pavel

Pavel

Total Accepted Answers: 6
Sohan

Sohan

Total Accepted Answers: 5

114

Templates

292863

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us