Align drop down menu to the right

  • biancamobilitec

    (@biancamobilitec)


    7 years, 3 months ago

    Hello, I would like to align de dropdown box to the right of the parent menu, mostly because the one that are on the right edge is overlapping the page and so, you can not read all of the content.

    My website is: loja.iacess.pt

    Many thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • James Koster

    (@jameskoster)

    7 years, 3 months ago

    Off the top of my head, something like this should work;

    .main-navigation ul ul {
right: -9999px;
left: auto;
}

.main-navigation ul li:hover ul,
.main-navigation ul li.hover ul {
right: 0;
left: auto;
}

    I’d be cautious about a change like this though. Just check it works when tabbing through the navigation 🙂

    Thread Starter biancamobilitec

    (@biancamobilitec)

    7 years, 3 months ago

    Hi James, Thanks for the answer! It worked like a charm! 🙂

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Align drop down menu to the right’ is closed to new replies.