Fa Fa Fa slot machine.Enjoy Free 888+200 Daily Legal Bonus

How to add shadow under menu header and change color of submenu

zovoordelig — Tue, 28 Jul 2020 17:50:17 +0000

Hi,

I have almost finished launching my webshop. But I have two questions:

1. How do I add shadow under my head menu for more depth?
2. How do I give the submenus a white background color? Right now it is grey.

I’ve tried a lot of CSS but all of them didn’t work.

pprzemyslaw — Tue, 28 Jul 2020 22:13:33 +0000

Hi.
Have you tried that? I’m not sure if that is what you meant, but if so…

.storefront-primary-navigation {
	box-shadow: 0px 6px 6px 0px #bbb;
}

.main-navigation ul.menu ul.sub-menu, .main-navigation ul.nav-menu ul.children {
	background-color: white;
}

Add both of them to CSS file in below that media query:
@media screen and (min-width: 768px)

zovoordelig — Wed, 29 Jul 2020 11:30:54 +0000

Thank you for the reply. Both are not working. When I put them I see the letters being red. Am I doing something wrong?

An example of the shadow i want under my menu header: https://www.zalando.nl/
Zalando has a grey shadow under the menu. This site is just an example.

zovoordelig — Wed, 29 Jul 2020 16:23:32 +0000

Well I fixed my second question using the plugin Max Mega Menu..