[Resolved] Menu Dropdown ovals extend beyond white background box and do not center

[Alan]

Hello!

When you click on the dropdown for our menu, the ovals in the dropdown extend beyond the background box quite a bit and they are also to the right, instead of straight down and centered. Is there a way to correct this?

[Ying]

Hi Alan

Try this CSS:

.main-navigation .main-nav > ul ul li a {
    padding: 15px !important;
    max-width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

[Alan]

Thank you so much, Ying! The menu items in the dropdown are now smaller than the main menu. Is it possible for them to be the same size?

[Ying]

In that case, try change the css to:

main-navigation .main-nav > ul ul li a {
    padding: 15px !important;
    margin-left: -10px;
    margin-right: 10px;
}

[Alan]

Thank you so much, Ying! I really appreciate your help with this!

Have a Great Day!!

[Ying]

You are welcome 🙂

[Author]

Posts