Hi,
i want to make a Main Menu Item as a Separator but it opens everytime the home page and i need to make the menu item non clickable. The same issue with menu item type "Menu heading". Could you please help me solve this problem?
Here my site:
http://bk-forchtenstein.zold.at/
user: ithelps
password: Entwicklung
Thank you in advance
Archived Forums
- Wayne Corp
- Wednesday, 05 August 2020
Accepted Answer
Hello,
Really sorry for the delayed response!
Here is another way:
You may add a custom class to the menu you don't want a link and then add custom CSS!
The following screenshot may help you as it shows where to add the custom class:
https://prnt.sc/tye60k
And then you have to add the following code:
Here 'menu_heading' is actually the custom class name that you added within the menu item!
Note: Path towards custom CSS:
Extensions>Templates>Styles>
Click on your current default template name then choose Template Options.
Then find custom CSS within the custom code.
https://prnt.sc/pu705g
https://prnt.sc/pu70zn
Best Regards
Really sorry for the delayed response!
Here is another way:
You may add a custom class to the menu you don't want a link and then add custom CSS!
The following screenshot may help you as it shows where to add the custom class:
https://prnt.sc/tye60k
And then you have to add the following code:
li.sp-menu-item.menu_heading {
cursor: default;
pointer-events: none;
}
Here 'menu_heading' is actually the custom class name that you added within the menu item!
Note: Path towards custom CSS:
Extensions>Templates>Styles>
Click on your current default template name then choose Template Options.
Then find custom CSS within the custom code.
https://prnt.sc/pu705g
https://prnt.sc/pu70zn
Best Regards
- more than a month ago
- Wayne Corp
- # Permalink
Glad to hear it's working!
Yes, that was a sample code.
Welcome & Thanks
Yes, that was a sample code.
Welcome & Thanks
- more than a month ago
- Wayne Corp
- # 1
Hi,
thank you for your answer. Now it is working.
here the wright code for menu items with dropdown option:
li.sp-menu-item.sp-has-child.custom_class a {
cursor: default;
pointer-events: none;
}
Best regards
thank you for your answer. Now it is working.
here the wright code for menu items with dropdown option:
li.sp-menu-item.sp-has-child.custom_class a {
cursor: default;
pointer-events: none;
}
Best regards
- more than a month ago
- Wayne Corp
- # 2
Hi,
Sorry for your issue!
You may choose the menu type URL & set the # symbol inside the input box as follows:
https://prnt.sc/tv6364
https://prnt.sc/tv64io
Then it will not redirect to your home page.
Best Regards
Hi,
but i don't want to set # because it is a certain link then and it is not good for my seo optimisation. It is somehow not so good because some of the joomla core options don't work properly. Is there a kind of override or something like that? I need to solve that problem as soon as possible.
Best regards
- more than a month ago
- Wayne Corp
- # 5
Hi,
Sorry for your issue!
You may choose the menu type URL & set the # symbol inside the input box as follows:
https://prnt.sc/tv6364
https://prnt.sc/tv64io
Then it will not redirect to your home page.
Best Regards
Sorry for your issue!
You may choose the menu type URL & set the # symbol inside the input box as follows:
https://prnt.sc/tv6364
https://prnt.sc/tv64io
Then it will not redirect to your home page.
Best Regards
- more than a month ago
- Wayne Corp
- # 6
There are no replies made for this post yet.
Be one of the first to reply to this post!
Be one of the first to reply to this post!