fbpx
Welcome, Guest
Username: Password: Remember me

TOPIC: Multi level menu issue

Multi level menu issue 1 week 3 days ago #28108

  • D3FCON
  • D3FCON's Avatar
  • Offline
  • New Member
  • Posts: 3
  • Karma: 0
The menu is heading right / then left and right again overlapping each other. with the same color menus it's very frustrations.
Expected result
Head Menu
Sub 1
Sub 2
Sub 3 and so on

See attachment. menu's are over lapping with in the menu
and the attached expected result image
Attachments:
Last Edit: 1 week 3 days ago by D3FCON.
The administrator has disabled public write access.

Multi level menu issue 1 week 2 days ago #28110

  • nishtha
  • nishtha's Avatar
  • Offline
  • Moderator
  • Posts: 2167
  • Thank you received: 190
  • Karma: 29
Hi,

Can you please share with us a live example of how you are wanting to show here.


Thanks,
Nishtha
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The administrator has disabled public write access.

Multi level menu issue 1 week 2 days ago #28111

  • D3FCON
  • D3FCON's Avatar
  • Offline
  • New Member
  • Posts: 3
  • Karma: 0
Site is internal so I can't share URL's.

Here is a recording of the issue
drive.google.com/file/d/1zQFh3JZcM4FvCrrWu6yBQSPOGGK55O9D/view

Here is an image of what I want
i.imgur.com/966JQWU.png
The administrator has disabled public write access.

Multi level menu issue 4 days 9 hours ago #28269

  • hitesh99raj
  • hitesh99raj's Avatar
  • Offline
  • Administrator
  • Posts: 67
  • Thank you received: 22
  • Karma: 4
Hi,
Thanks for using Astroid Framework, I understand what issue you are facing of, But this is how a menu should be work, The logic is, a submenu will always be appear in the right, if it doesn't have space in right than it will be appear to the left. Here we are with two solutions.
#1. You can add some box-shadow or border to the submenu so that it will visually not look like overlapped.

#2. If you still strictly wants to always open the submenu in the right side than you can add below css.
.nav-submenu-static>li>.nav-submenu.right {
    left: 100% !important;
}

.astroid-nav .nav-submenu>li>.nav-submenu.right {
    left: 100% !important;
}

Thanks,
Hitesh
The administrator has disabled public write access.
The following user(s) said Thank You: D3FCON

Multi level menu issue 4 days 15 minutes ago #28289

  • D3FCON
  • D3FCON's Avatar
  • Offline
  • New Member
  • Posts: 3
  • Karma: 0
The Shadow Idea may be the way to go, Ill try both. Thankyou

Now to find the Border CSS Code somewhere
Last Edit: 3 days 23 hours ago by D3FCON.
The administrator has disabled public write access.

Multi level menu issue 3 days 18 hours ago #28298

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 4197
  • Thank you received: 615
  • Karma: 105
Here is the border css.
.astroid-nav .nav-submenu>li>.nav-submenu { border: 1px solid COLORCODE; }
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The administrator has disabled public write access.
Moderators: chandandeep
Time to create page: 0.400 seconds
Cron Job Starts