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

Hi,

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


Thanks,
Nishtha

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

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.

Thanks,
Hitesh

The Shadow Idea may be the way to go, Ill try both. Thankyou

Now to find the Border CSS Code somewhere

Here is the border css.