Support » Theme: Twenty Twelve » Align Dropdown Menu

  • Resolved Design Locker


    Hello All,

    I am having an issue aligning my dropdown menu. See 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)
  • 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 ‘Align Dropdown Menu’ is closed to new replies.