Archived topic

Sub menu styling

1 reply · Started by Kim on August 10, 2019

Viewing posts 1–2 of 2

August 10, 2019 at 10:56 am #980835

Hi,

I've tried to add some box shadow to the sub menu and a divider between the sub menu items without success. Can you give some advise?

Many thanks in advance!

BR Maike

August 10, 2019 at 2:08 pm #980919

Hi there,

There should be box-shadow added by default and you can use this CSS to overwrite it:

.main-navigation ul ul {
    box-shadow: 0 2px 2px rgba(0,0,0,.1);
}

This site can be used to tweak the shadow:
https://www.cssmatic.com/box-shadow

Divider would be something like this:

.main-navigation .main-nav ul ul li a {
    border-bottom: 1px solid #000;
}

Any chance you can link me to the site in question if something doesn't work?

This archived topic is closed to new replies.