I would like to separate dropdown menu (megamenu) items by a horizontal line as usual, but when I put the standard Joomla separator there, it (1) displays the separator menu item name together with the horizontal line, and (2) clicking on the horizontal line brings the user to the home page of the site.

Anyone knows how to make proper separators in megamenus?

Hello,

Please follow the forum rules so that we can assist you better.
www.joomdev.com/forum/announcements/3138-forum-rules

Thanks,
Lalit

Lalit,
do I really have to explain what is a menu separator?
Please just tell me how to put a menu separator in JD Coax megamenu, that is all.

Hello,

Please follow the given steps:-
1> Go to templates\jd_coax\css
2> create new custom.css
3> custom.css, paste it here the given code:


Thanks,
Mukesh

Hi Mukesh,
I am not sure what your CSS should do - it seems that it should draw a line under each submenu item - but it is not what I need.
I would like to use a horizontal line to separate submenu items as shown on the attached screenshot (the red arrow points to the separator):

Hello There, I think I understand what you are looking for. Bare with me though.

If you go ahead and create a menu item type heading or separator, it would automatically get a bottom border/separator you are looking for.

See screenshots attached.

Thank you - using the Menu Heading type seems to be a reasonable solution. The Separator type is not a solution, as I described in my first entry to this topic.

Sure heading it is. "Whatever floats your boat".

Thanks,
Chetan