We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19.

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

Your Time: Our Time:

separator in mega-menu

Featured Lock Resolved Bug
Hello,

I want to put a link "separator" or "title" that is not clickable
Outside this is not the case (including in your demonstration http://demo.joomshaper.com/2018/helixultimate/#)
Is this a bug?
Regards

15 Answers

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Please follow the instruction to remove the link from Separator.

http://prntscr.com/ky1tdx

li.nolink a {
pointer-events: none;
}


-Thanks

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
sort of.
---
so you have to use extra CSS to disable link feature.

Paul Frankowski - Staff

More than a month ago #Permalink
Add no-link OR nolinkplease (as you wish) class name - for that menu item which you want to disable link (hover) feature, then use below code:


.no-link > a, .no-link > a:hover,
.nolinkplease > a, .nolinkplease > a:hover {
cursor: default !important;
pointer-events: none !important;
text-decoration: none;
color: currentColor;
cursor: not-allowed;
}

HDcms

More than a month ago #Permalink
Hello
Thank you for your answers. I was looking for purpose I could not find
It works in the main menu but not in the submenu (mega)
See the link
https://www.onsort.eu/fr/agenda#year=2018&month=9&day=24&view=list

Paul Frankowski - Staff

More than a month ago #Permalink
We talk about "** Proposer **" and "**SUIVRE**" ?
I do not see class name added for those menu items.

Add here:
step_1.png

Attachments (1)

  • step_1.png
    step_1.png 8.9 KB

HDcms

More than a month ago #Permalink
HI,
ok I put in the right place "no-link" but it is not functional either for a menu type "title" or type "separator"

Paul Frankowski - Staff

More than a month ago #Permalink
Opss, my mistake.
Use below NEW version


.sp-mega-group a.no-link,
.sp-mega-group a.no-link:hover {
cursor: default !important;
pointer-events: none !important;
text-decoration: none;
color: currentColor;
cursor: not-allowed; }

HDcms

More than a month ago #Permalink
Hi
ah yes ok it works :)
Thanks you

Toufiq - Staff

More than a month ago #Permalink
Hi
ah yes ok it works :)
Thanks you


Hi there, You are most welcome & Thanks

Mark Pownall

More than a month ago #Permalink
i cant beleive such a basic core joomla feature is not used here,, no Separator should be clickable.. how can i go about stopping any menu heading or Separator form being clickable

Paul Frankowski - Staff

More than a month ago #Permalink
Now, only by using custom CSS.

Soon it will be fixed in Helix Ultimate update.

Mark Pownall

More than a month ago #Permalink
i done it the css way.. but its awful.. you are relying on vistors to know they have to click on the tiny + icon on mobile offcanvas menu view.. not a working fix!!

ive got around it by making the plus icon larger on mobile. , this will work fine for now.

ssnobben

More than a month ago #Permalink
Now, only by using custom CSS.

Soon it will be fixed in Helix Ultimate update.


Heard that before. :o

Paul Frankowski - Staff

More than a month ago #Permalink
... like you I have to wait too.:(

Michael Koklemin

More than a month ago #Permalink
i done it the css way.. but its awful.. you are relying on vistors to know they have to click on the tiny + icon on mobile offcanvas menu view.. not a working fix!!

ive got around it by making the plus icon larger on mobile. , this will work fine for now.


Put this into your css-files:


@media screen and (max-width: 992px)
.offcanvas-menu .menu li span.menu-toggler {
width: 100%;
text-align: right !important;
}


the span-element which will open the menu will be 100% width, so if anyone click on the menu-item (and not only on the plus-icon) the menu will shop up.


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

126

Templates

333946

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