Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #5594

    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?

    Thank you!

    #51019

    Hey,

    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:

    .nav{
    margin-left: 280px;
    }

    #51020

    Yup, that worked. Thank you!

    #51021

    Glad that I could help you :)

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Adjust position of drop down menu items’ is closed to new replies.