Question

I have a problem with the positioning of a pure css dropdown menu. You can find the website at:
link to website

When you hover of “Tutorials” (im not really doing any but it is for learning) and “Blog”, you see that the dropdown menu position is not directly under the tab, it is moved to the right.

How can I place the dropdown menu under the tab? Thanks for the help in advance.

Answer 1

Try to edit the file “main.css”, change this:

ul#nav li ul{
position:absolute;
display:none;
}

For this:

ul#nav li ul{
position:absolute;
display:none;
padding:0;
margin:0;
}

I think it will solve your position problem.