I am facing some problem with the submenu positioning in my site.
the site url is http://ilelo-creation.info/wara-chaussure/la-marque/
When I hover over the menu collection a submenu appears calles sample..
It shoud appear just at the right side after the block ends but it is appearing before.
I know it is getting adjust with left: 100% and top: 0, but dont know why left: 100%; is not taking its full width.
Basically, if you don’t set a width to your list items they will only be as wide as they need to be to hold the content.
So an li with “Management” will be wider than one for “Home”. Then any li’s that are their children are positioned absolutely and so they follow on immediately rather than waiting for the parent menu to finish.
By setting all the li to a width of 100% they will all inherit the maximum width and thus be the same width and the children all appear lined up accordingly.
Obviously, the width of 100% may be too much so it can be reduced (either to a lower % or an actual px value) if your submenu items don’t need all that space.
Thanx Paulie_D for the information you gave..
May I know that are you a developer or designer? I usually have issues with wordpress functionality and css designing as I am in learning phase, so I can get in touch with you and obviously pay you for your help.