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

Log In Free Support

Popular Articles

Missing style.css

Updating errors

Installing GP Premium

Installing GeneratePress

This topic has 5 replies, 2 voices, and was last updated 3 years, 7 months ago by Ying.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
October 10, 2022 at 8:29 am #2368946

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?

October 10, 2022 at 12:08 pm #2369147
Ying
Staff
Customer Support
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;
}
```
October 11, 2022 at 8:14 am #2370056

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?

October 11, 2022 at 10:53 am #2370240
Ying
Staff
Customer Support
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;
}
```
October 12, 2022 at 6:06 am #2370943

Alan

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

Have a Great Day!!

October 12, 2022 at 9:56 am #2371361

Ying
Staff
Customer Support

You are welcome 🙂
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.