Dropdown list alignment issue (HTML/CSS)

Question

I\'ve asked a question like this before, but I am using differnt code to last time.

I\'m trying to create a dropdown menu. Ther are certain elements in that main list th

Answer 1

I just want to say a big thank you for all your answers. I don't know why it's taken so long, but I've finally figured it out.

In the codepen I displayed, there was one important thing I was leaving off: The CSS file for the Mobile-Responsive framework known as Foundation. That CSS File had all ul tags have a margin-left of 1.25em. That is why the ul tag was moved over to the right.

To fix this problem, I changed the following:

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

I added a margin property and now it is all fine.

Again, thank you to everyone who helped me with this answer and sorry for wasting your time.

I wish you all well.