Important Notice - Forums is archived
To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.
menu-items Shadow
Hi,
I am displaying menu-items in certain margin but it getting shadow along with menu-items . I want to remove the black shadow of the menu-items.how can it be implemented - to change the code or something changed in css file?
this is my css:
.v-menubar-submenu{
display:block;
margin-left:100px;
background-image: url(../chameleon-blue/menu-item-separator.png) repeat 0 1px;
background-color: #BCD3DE;
font-size: 15px;
color: #3F5F7C;
}
Thanks for reply Madz R, but its not working.
You might want to use firebug and see the structure. It is very helpful!
put
.v-shadow{opacity: 0;}
in your .scss or .css That should remove the shadow from the menu.
You could try adding the margin-left: 100px to .v-menubar-popup instead, so that the shadow follows the popup correctly. Otherwise use the .v-shadow {display: none;} to hide it completely.