Shadow Sub Menu

Hi Sebastian,

To do this, you would need custom CSS.

For instance, you may try adding this:

@media (min-width: 1025px){
    ul.sub-menu li a {
        text-shadow: 0 0 3px red;
    }

    ul.sub-menu li {
        box-shadow: 5px 5px rgba(122,25,107, .5);
    }
}

Kindly modify the values to your preference.

Please refer to this link for assistance regarding adding CSS: https://docs.generatepress.com/article/adding-css/

You may also refer to this link to learn more about shadows: https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow

Hope this helps! :)

Hey,

that does not work.

Please look: haustierlino.de

Hi there,

try adding this CSS:

.main-navigation ul ul {
    box-shadow: 5px 5px rgba(122,25,107, .5);
}

You can use this app to create the box-shadow property:

https://www.cssmatic.com/box-shadow

Great, that worked great! Thanks :)

Glad to hear that