Menu bar overlapping

Hello @nageshshukla ,

I showed first Sub-Menu(parent) and second Sub-Menu(child) in the dropdown sections of Menu-Bar, both HTML Class Name are same. I hope for that reason, their CSS code conflict each other. Please follow the screenshot (click here).

So, you’ll try with different Class name with Custom CSS code. Otherwise, provide us with the HTML and CSS code, and we’ll try our best to resolve it.

Thank you.

TBH, altering sub menu class names is not all that simple in a normal WP nav menu. It shouldn’t be necessary since the sub-menu items are nested within another, so you can use CSS hierarchy to target a specific level.

Try this in Additional CSS:

.sub-menu li:hover > .sub-menu {
    left: 100%;
}

This will affect second sub-menu placement, but not first or third or deeper. Application depends on how many .sub-menu classes are listed in any particular selector set.

• This reply was modified 1 year, 3 months ago by bcworkz. Reason: typo

Awesome, This Additional CSS code worked perfectly.
Thanks @bcworkz.

Thank You @shoto100 for pointing out what caused this.