fbpx

Missed the Birthday Party? Still You Can Enjoy the PartyView Deal

Welcome, Guest
Username: Password: Remember me

TOPIC: (SOLVED)What to use as a menu separator in megamenu?

What to use as a menu separator in megamenu? 1 year 1 week ago #16643

  • heretic
  • heretic's Avatar
  • Offline
  • Senior Member
  • Posts: 57
  • Thank you received: 3
  • Karma: 0
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?
The topic has been locked.

What to use as a menu separator in megamenu? 1 year 1 week ago #16644

  • Lalit Kumar
  • Lalit Kumar's Avatar
  • Offline
  • Moderator
  • Posts: 700
  • Thank you received: 96
  • Karma: 24
Hello,

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

Thanks,
Lalit
Thank You,
If you like our support and products, tweet us at JoomDev and let the world know about it.
The topic has been locked.

What to use as a menu separator in megamenu? 1 year 1 week ago #16669

  • heretic
  • heretic's Avatar
  • Offline
  • Senior Member
  • Posts: 57
  • Thank you received: 3
  • Karma: 0
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.
The topic has been locked.

What to use as a menu separator in megamenu? 1 year 1 week ago #16672

  • Mukeshraj
  • Mukeshraj's Avatar
  • Offline
  • Moderator
  • Posts: 183
  • Thank you received: 41
  • Karma: 7
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:

.astroid-header .astroid-nav .nav-item .nav-submenu-container .nav-submenu .nav-item-submenu a {
    border-bottom: 1px solid YOUR COLOR;
	transform: none;
}

Thanks,
Mukesh
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The topic has been locked.

What to use as a menu separator in megamenu? 1 year 1 week ago #16674

  • heretic
  • heretic's Avatar
  • Offline
  • Senior Member
  • Posts: 57
  • Thank you received: 3
  • Karma: 0
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):
The topic has been locked.

What to use as a menu separator in megamenu? 1 year 1 week ago #16676

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Posts: 3940
  • Thank you received: 582
  • Karma: 102
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.
Attachments:
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The topic has been locked.
The following user(s) said Thank You: heretic

What to use as a menu separator in megamenu? 1 year 1 week ago #16677

  • heretic
  • heretic's Avatar
  • Offline
  • Senior Member
  • Posts: 57
  • Thank you received: 3
  • Karma: 0
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.
The topic has been locked.

What to use as a menu separator in megamenu? 1 year 1 week ago #16678

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Posts: 3940
  • Thank you received: 582
  • Karma: 102
Sure heading it is. "Whatever floats your boat".

Thanks,
Chetan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The topic has been locked.
Moderators: chandandeep
Time to create page: 0.404 seconds