CODEWITHSUNDEEP
csslistparent-child
Nahydrin
Nahydrin

Reputation: 13517

CSS: Child menu of child menu absolute positioning

The menu on this page: http://goldencraft.co/wp/

CSS: http://goldencraft.co/wp/wp-content/themes/minecraft/style.css

Hover over My Account then View Order. I want the View Order child list to be positioned to the right (absolutely beside View Order). If you look at the CSS (see above), you will notice that I do not specify min-width or width properties other than auto or 100% and that is not about to change.

I'm just looking for a way to move a 2nd child list to the right of it's parent.

Upvotes: 1

Views: 295

Answers (1)

Rohit Azad Malik
Rohit Azad Malik

Reputation: 32182

Now just add this css in your stylesheet 

.sub-menu li {
    position: relative;
}

.sub-menu li ul.sub-menu {
    left: auto;
    position: absolute;
    right: -109px;
    top: 10px;
}

Result is

enter image description here

Upvotes: 1

Related Questions