Site logo

Archived topic

Styling dropdown menu

1 reply · Started by Justin on June 28, 2022

Viewing posts 1–2 of 2

Hey,
Ive been looking through the forum. What would I need to target in CSS to round my sub menu corners (10px) and add a drop shadow? Im not sure what the target menu background is called?
Would this work: (with the correct target)

li.menu-item {
border-radius:10px;
box-shadow: 0px 0px 20px 0px rgba(26,32,61,.1);
}

Hi there,

try this CSS:

.main-navigation .sub-menu {
    border-radius:10px;
    box-shadow: 0px 0px 20px 0px rgba(26,32,61,.1);
}
This archived topic is closed to new replies.