Getting submenu’s to line up with parent

[missmiija]

My website has a top menu where I have a dropdown menu and the submenu’s are not lined up with the parent category. If you look at my website and do to Designers and click down the different designer names you will see their collections do not line up with their name. Any idea how I can fix this?

http://www.miijathreads.com

[Kitty Giraudel]

Looks perfect here. What browser are you trying on?

[georgearnall]

I see the problem on Chrome 27 on Mac.

[georgearnall]

If you add `position: relative` to the submenu list items, this puts the sub-submenu items in the right place.

[missmiija]

Yes, setting the position : relative makes it go all wonky. I tried it in Firebug….

[georgearnall]

What do you mean by wonky ?
[http://cl.ly/image/3l3e03282V1d](http://cl.ly/image/3l3e03282V1d “http://cl.ly/image/3l3e03282V1d”)

Do you mean you want to push them up a bit more ?
If this is the case you can change `top: 0px !important` to `top: -20px !important`. So it looks like this [http://cl.ly/image/1Q1w0c1b1M1d](http://cl.ly/image/1Q1w0c1b1M1d “http://cl.ly/image/1Q1w0c1b1M1d”)

[missmiija]

Oh my goodness! Ok, that is not how it looked for me! Can you tell me what line you added the position: relative to? I’d appreciate it.

[missmiija]

This is what I got http://cl.ly/image/1l141w3w1t0u

[georgearnall]

Line 15 white.css:

#SideCategoryList li li, #SideCategoryList .sf-menu li li {
background-image: none;
position: relative; /* Added position: relative */
}

And to get the second alignment, line 2897 styles.css:

.PageMenu li ul ul {
display: none;
border-left: 1px solid #191919 !important;
left: 249px !important;
margin-left: 0;
top: -20px !important; /* Changed to -20px from 0px */
}

Hope you sort it out :)

[missmiija]

Thank you so much!!

[Author]

Posts