I created a wider logo than the default and adjusted the width of the #top .logo, .logo a container to 286 to accommodate the wider logo. This caused the logo to overlap with the header menu. So I then changed the left margin of the .nav, .nav ul container to 280, which moved it to the right, so it did not overlap.
However, this also moved the drop down menu items to the right, so the drop down menus do no align with the page links. Where do I edit the CSS to move the drop down menu items to the left, i.e., so they align with the appropriate page links?
just adjust the .nav container position.
The .nav ul is the sub menu list. So use the fefault margin left for .nav ul and for .nav use:
The topic ‘Adjust position of drop down menu items’ is closed to new replies.