Archived topic
Menu Dropdown ovals extend beyond white background box and do not center
5 replies · Started by Alan on October 10, 2022
Viewing posts 1–6 of 6
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?
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;
}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?
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;
}Thank you so much, Ying! I really appreciate your help with this!
Have a Great Day!!
You are welcome :)
This archived topic is closed to new replies.
