1. Helix3
  2. Wednesday, 01 November 2017
Hi,

When I have a main menu item with a sub menu who's items are all published but hidden (Link Type - Display in Menu: No), The main menu still shows the sub menu indicator and hovering over it, an empty drop down is displayed (see attached screenshot).

How can I prevent this?

Regards,
Pieter-Jan
Attachments (1)
Accepted Answer
1) Menu Manager > MainMenu > "Portfolio" > Helix MegaMenu > Add Custom Class : hidebelow

2) Then use:

.hidebelow .sp-dropdown.sp-dropdown-main,
.sp-megamenu-parent > li.hidebelow > a::after { display: none !important; }
  1. more than a month ago
  2. Helix3
  3. # Permalink
Responses (23)
sorry now I don't know now I can help you more.
I guess you have to hire someone for customization.
  1. more than a month ago
  2. Helix3
  3. # 1
Yes, I tested my solution and worked.


yes but... look the image... the sub-menu is disappeared yes but the area under the menu in which the sub-menu worked is engaged for clicking the same menu like hand of mouse in image reveal... this denies using the navigation menu with anchoes under the menu that I was forced to move to the left... impossible to use
Attachments (1)
  1. more than a month ago
  2. Helix3
  3. # 2
Yes, I tested my solution and worked.
  1. more than a month ago
  2. Helix3
  3. # 3
And use:

.hidebelow .sp-dropdown.sp-dropdown-main,
.sp-megamenu-parent > li.hidebelow > a::after { display: none !important; }

instead, I added "stronger" value, to hide also "v" icon
  1. more than a month ago
  2. Helix3
  3. # 4
@hughes
OH , this is not part of CSS!!!
Attachments (1)
  1. more than a month ago
  2. Helix3
  3. # 5
In general custom class name
and custom CSS to hide this class.

for example
hideme
---
.hideme {display:none;}
-----

But without screenshot what you really need I cannot help more
Attachments (1)
  1. more than a month ago
  2. Helix3
  3. # 6
In general custom class name
and custom CSS to hide this class.

for example
hideme
---
.hideme {display:none;}
-----

But without screenshot what you really need I cannot help more
  1. more than a month ago
  2. Helix3
  3. # 7
Hi,
you have to hide using custom CSS.
This issue will be fixed in Helix4, not sooner I guess.


sorry... which code in custom css?
  1. more than a month ago
  2. Helix3
  3. # 8
Pavel,

Great, works like a charm!
  1. more than a month ago
  2. Helix3
  3. # 9
Hi Pavel,

I'd like to try this Alias menu solution, look great.

- Where is the Alias type?
- Will this work when linking SP pages?

see image.

Thanks for your time again!
Attachments (1)
  1. more than a month ago
  2. Helix3
  3. # 10
You are welcome :)
  1. more than a month ago
  2. Helix3
  3. # 11
You are right, I misunderstood you. The way you described it, works indeed. Clever trick. Thank you very much.
  1. more than a month ago
  2. Helix3
  3. # 12
This is your structure which is now.
http://dl3.joxi.net/drive/2017/11/02/0008/0401/545169/69/035f709c55.png
Simply create a new menu item type alias with exactly the same name and hide your current item.
http://dl4.joxi.net/drive/2017/11/02/0008/0401/545169/69/0f38ab23bc.png
That's all you need to do.
http://dl4.joxi.net/drive/2017/11/02/0008/0401/545169/69/7ebbbc3192.png
  1. more than a month ago
  2. Helix3
  3. # 13
I guess I wasn't entirely clear. Let me explain:

I have a site with a root content category foo and a subcategory bar. My main navigation has a Category Blog type menu-item foo, with Category Blog type sub menu-items for all subcategories, which are published but not displayed. Clicking main menu-item foo brings me me to page https://mysite.com/foo. This page shows all the subcategories with clickable titles. Clicking the title of subcategory bar, brings me to page https://mysite.com/foo/bar.

Now let's assume we create a hidden menu-item named foo-hidden, move all sub menu-items from main menu-item foo to foo-hidden and change the menu type of foo into Alias, pointing at foo-hidden. When I now click on subcategory title bar, it will bring me to https://mysite.com/foo-hidden/bar.and not to https://mysite.com/foo/bar. That's not what I want :)

You absolutely misunderstood and complicated everything. Everything is much simpler. Nothing needs to be moved anywhere, you do not need to create a hidden menu-item named foo-hidden. You leave everything as is, with the existing structure. Simply create a new menu item type alias with exactly the same name as your https://mysite.com/foo item, and set up a link in it for your menu item https://mysite.com/foo. Just write for It any other alias. This alias will not appear anywhere, but it must be unique. And the menu item https://mysite.com/foo is set as hidden - it's very simple. You will get exactly the same URL as there is now. Do not complicate things. :D
  1. more than a month ago
  2. Helix3
  3. # 14
I think I will go for the CSS solution.Thank you both for thinking along.
  1. more than a month ago
  2. Helix3
  3. # 15
My idea with custom CSS to hide position, is request only one extra class name, and aliases are kept, according to navigation structure. So you have: mysite_com/foo/bar (no "-hidden" alias)
---
Beside also Pavel thought about this same aliases , not extra ones.
  1. more than a month ago
  2. Helix3
  3. # 16
I guess I wasn't entirely clear. Let me explain:

I have a site with a root content category foo and a subcategory bar. My main navigation has a Category Blog type menu-item foo, with Category Blog type sub menu-items for all subcategories, which are published but not displayed. Clicking main menu-item foo brings me me to page https://mysite.com/foo. This page shows all the subcategories with clickable titles. Clicking the title of subcategory bar, brings me to page https://mysite.com/foo/bar.

Now let's assume we create a hidden menu-item named foo-hidden, move all sub menu-items from main menu-item foo to foo-hidden and change the menu type of foo into Alias, pointing at foo-hidden. When I now click on subcategory title bar, it will bring me to https://mysite.com/foo-hidden/bar.and not to https://mysite.com/foo/bar. That's not what I want :)
  1. more than a month ago
  2. Helix3
  3. # 17
@Pavel Thanks for your suggestion. It crossed my mind, but has a drawback: it changes the url's.

Menu item type alias does not change the URL. You will have the URL of the hidden item. Just try it to make sure. I use this solution on my sites without any problems.
  1. more than a month ago
  2. Helix3
  3. # 18
Helix4 (Helix Ultimate) - I hope first beta's in December.
  1. more than a month ago
  2. Helix3
  3. # 19
@Paul CSS is an option, though not ideal. It means when unhiding a subitem in Joomla!, one must modify the CSS as well. But I guess it will have to do until Helix4. Any idea when that will be (give or take)?

@Pavel Thanks for your suggestion. It crossed my mind, but has a drawback: it changes the url's.
  1. more than a month ago
  2. Helix3
  3. # 20
Workaround without using custom css:
Make this menu item hidden, and instead create a menu item type alias, wich has no children and refers to this hidden item.
  1. more than a month ago
  2. Helix3
  3. # 21
Hi,
you have to hide using custom CSS.
This issue will be fixed in Helix4, not sooner I guess.
  1. more than a month ago
  2. Helix3
  3. # 22


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


This forum is archived

This forum has been archived. Please use JoomShaper official support system.