Staff replied Helix Framework

Menu Failure in Wimble template main menu

Asked by Koh Tao Ozone Co. Ltd. 3 years ago Last activity 3 years ago

Hi,

Again this has been asked before and has not been fixed in recent template updates and has been discussed by many.

Your main menu is not showing subcategories at all in the desktop mode. Only showing in the mobile menus.
Completly useless and not been fixed yet.

There has been javascript custom code to add to the template and css custom to be added to the template, given in past forum posts older than over the last year ...But nothing works in the most recent versions of any or the past

Regards
Peter

7 replies

Paul Frankowski Senior Staff

3 years ago

Hi,

as 1-st step change menu type for item "Demo Content" do NOT use separator, use URL menu type with "#" as link.

In Template Options > Custom Code > Custom CSS paste:

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.sp-has-child:hover .sp-megamenu-parent .sp-dropdown {
  display: block;}

this should help, if not share access

Koh Tao Ozone Co. Ltd. Asked this

3 years ago

Still not functioning. I removed the javascript I had used after testing and it had failed.... still just changing the css you sent but still nothing.

Can you fix this problem that is in the base of this menu/template?

Koh Tao Ozone Co. Ltd. Asked this

3 years ago

access attached:

Paul Frankowski Senior Staff

3 years ago

Thanks - checking.

BTW

You have good speed hosting :) works very fast here in EU.

Paul Frankowski Senior Staff

3 years ago

Check now, clear browser cache and to be sure use two different browsers

and use incognito mode in your Firefox & Chrome browser

Koh Tao Ozone Co. Ltd. Asked this

3 years ago

Thankyou ,
Now it is working. Can you please explain what was causing this.
We need to know this incase we have to use this template again or rebuilds or other reasons.
Why have many others before have had this issue?

Paul Frankowski Senior Staff

3 years ago

After all as you could see I used those lines:

.sp-megamenu-parent li.sp-menu-item.sp-has-child:hover .sp-megamenu-parent .sp-dropdown,
#sp-menu .sp-menu-item.sp-has-child:hover > .sp-megamenu-parent .sp-dropdown {display: block;}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner, 
#sp-menu  .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
overflow: visible; }

but the 2nd part of code do the job, somehow overflow by default was set to hidden mode.