Bug (?) in megamenu for menutype 'Text Seperator'

Hi,

I think there is a bug in the megamenu when the menut item is 'Text Seperator'.

If the menu item if of type 'Text Seperator', then:

(1) The menu doesn't change colour on mouseover
(2) The menu doesn't have an arrow on it.

Could you take a look at this please? I cannot give you access (unless by email) as the site is behind a login. This will be true of any megamenu though.

Many thanks,

Dave.

Hi Dave.
Thank you for using our product,
1. The color when hover.
Please go to Source/modules/mod_jux_megamenu/assets/css/style/darkblue.css( red.css or backwhite.css)
fine line 84
#megamenucss .darkblue.megamenu ul.level0 > li.megacss:hover > a.megacss,
#megamenucss #js-mainnav.megamenu.darkblue ul.level0 li.active
{
background: #02374F!important;
color: #ffffff!important;
}
Please edit by this line below:

#megamenucss .darkblue.megamenu ul.level0 > li.megacss:hover > span.megacss, #megamenucss .darkblue.megamenu ul.level0 > li.megacss:hover > a.megacss, #megamenucss #js-mainnav.megamenu.darkblue ul.level0 li.active
{
background: #02374F!important;
color: #ffffff!important;
}

2. The Arrow

Please go to ..../Source/modules/mod_jux_megamenu/assets/css/style.css line 242
#megamenucss #js-mainnav.megamenu.horizontal ul.level0 li a.haschild.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level0 li a.haschild-over.megacss span.menu-title {
background: url(../images/arrow3.png) no-repeat left center;
padding-left: 6px;
background-position: 100% 4px;
/* margin-right: 6px;*/
padding-right: 10px;
}
Please edit by this code:
#megamenucss #js-mainnav.megamenu.horizontal ul.level0 li a.haschild.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level0 li span.haschild-over.megacss span.menu-title,#megamenucss #js-mainnav.megamenu.horizontal ul.level0 li span.haschild.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level0 li a.haschild-over.megacss span.menu-title
background: url(../images/arrow3.png) no-repeat left center;
padding-left: 6px;
background-position: 100% 4px;
/* margin-right: 6px;*/
padding-right: 10px;
}

Or You can copy the code into custom CSS in the advanced tab.
If you don't done. Please give me link your site and your account of administrator via email: This email address is being protected from spambots. You need JavaScript enabled to view it.
I will fix it for you.

I couldn't get this to work, so I have emailed you. Thanks for looking at this issue