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

Your Time: Our Time:

Menu item as separator

Featured Lock Resolved Issue
I already know that i can create an external link and # as a url.

But i need a non clickable menu link => separator

Can you give me a hand to change the css?

tks

6 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
it would be hard..because even separators are "links".
But there is a trick... you have to change cursor icon to default arrow when someone will hover over them, only them.
Tip:
1) Add custom class name for those link
2) Use CSS cursor Property for them : cursor:default;

Phil973

More than a month ago #Permalink
Hi Paul, can you explain this trick in order to be understandable and applicable by a basic user and not Programer or Developer

Thanks




Hi,
it would be hard..because even separators are "links".
But there is a trick... you have to change cursor icon to default arrow when someone will hover over them, only them.
Tip:
1) Add custom class name for those link
2) Use CSS cursor Property for them : cursor:default;

Paul Frankowski - Staff

More than a month ago #Permalink
I will try...

1) Add to that menu item class name : nolinkplease in Helix Menu Options
2) Inside template settings > Custom CSS area (screenshot below) use:


.nolinkplease a:hover,
a.nolinkplease:hover
{cursor:default; color:#333 !important; pointer-events: none !important;}


template_settings.png

Attachments (1)

  • template_settings.png
    template_settings.png 10.5 KB

Phil973

More than a month ago #Permalink
Hi, this don't work, menu heading still "Clickable"....

Paul Frankowski - Staff

More than a month ago #Permalink
show me where you have it
and are you sure that you made all steps : 1-class name into menu item 2-custom css added ?


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: 130
Toufiq

Toufiq

Total Accepted Answers: 100
Sifat

Sifat

Total Accepted Answers: 63
RV

RAFFAELE VIOLA

Total Accepted Answers: 2
IP

Ian Proffer

Total Accepted Answers: 1

116

Templates

299712

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