Twenty Twelve
[resolved] Align Dropdown Menu (3 posts)

  1. Design Locker
    Posted 2 years ago #

    Hello All,

    I am having an issue aligning my dropdown menu. See http://www.irishtravelplans.com/wip/ and hover over services on the main menu. You will see that the dropdown menu appears under the "r" of services.

    I want it to appear further to the left somewhere inder the "s" of the word services if you know what I mean?

    Any help much appreciated?

  2. Michael
    Part-Time Forum Moderator
    Posted 2 years ago #

    caused by your style:

    .main-navigation li {
        margin: 0 1rem;

    possible remedy with:

    .main-navigation li li {
      margin-left: -1rem;

    be aware that older browser do not recognize 'rem'; possibly add styles using 'px' or '%' as well.

  3. Design Locker
    Posted 2 years ago #

    Thank you so much alchymyth, worked perfectly.

    Just realised earlier today also about the rem issue on older browsers. Must now go through all css on a few sites to rectify. Thanks for the heads up.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic