menu-items Shadow


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 can it be implemented - to change the code or something changed in css file?

this is my css:

background-image: url(…/chameleon-blue/menu-item-separator.png) repeat 0 1px;
background-color: #BCD3DE;
font-size: 15px;
color: #3F5F7C;


You might want to include this bit:


Thanks for reply Madz R, but its not working.

You might want to use firebug and see the structure. It is very helpful!


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.