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

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?

access attached:

Thanks - checking.

BTW

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

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

and use incognito mode in your Firefox & Chrome browser

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?

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.