Support » Themes and Templates » Twenty Twelve » [Resolved] Align Dropdown Menu

[Resolved] Align Dropdown Menu

  • 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?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Michael


    Forum Moderator

    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.

    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.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘[Resolved] Align Dropdown Menu’ is closed to new replies.
Skip to toolbar