CODEWITHSUNDEEP
cssmenualignment
MultiformeIngegno
MultiformeIngegno

Reputation: 7049

Menu items at right (margin-left issues)

I'm building this site, as you can see I moved the nav menu to the left. If you hover the mouse on any item "Home" / "L'istituto" / "Infanzia/Primaria" (etc) the child items are shown to the right. Everything's ok except that the position:relative; left:130px on .main-navigation li ul li a make the underneath items non-clickable (because there is the block there, moved to the right because of the left:130px. How can I have the underneath items still clickable? Thanks in advance.

P.S.: If I try with a z-index: 999999 on .main-navigation li a, .main-navigation li I can't reach the child items anymore (except the first one).

Upvotes: 0

Views: 120

Answers (2)

MultiformeIngegno
MultiformeIngegno

Reputation: 7049

I set this and worked :)

.main-navigation li ul {
margin: 0 0 0 200px;
position: absolute;
}

Upvotes: 1

Sumit Gera
Sumit Gera

Reputation: 1241

Try to optimise the width of the vertical navigation bar.

Upvotes: 0

Related Questions