Align Dropdown Menu

  • Resolved Design Locker

    (@design-locker)


    11 years, 11 months ago

    Hello All,

    I am having an issue aligning my dropdown menu. See https://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)

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

    Thread Starter Design Locker

    (@design-locker)

    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.