Add Drop-Shadow to Slick Menu Hamburger

If you want to add a drop shadow to a standard Slick Menu hamburger menu button, you can do so with the following CSS:

.sm-hamburger:not(:hover) .sm-hamburger-box div, 
.sm-hamburger:not(:hover) .sm-hamburger-box div:before, 
.sm-hamburger:not(:hover) .sm-hamburger-box div:after { 
  -webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.5);  
  -moz-box-shadow:    0px 0px 8px 1px rgba(0,0,0,0.5);
  box-shadow:         0px 0px 8px 1px rgba(0,0,0,0.5);

This post may contain referral links which may earn a commission for this site

Divi Booster

Hundreds of new features for Divi
in one easy-to-use plugin


Submit a Comment

Comments are manually moderated and approved at the time they are answered. A preview is shown while pending but may disappear if your are cookies cleared - don't worry though, the comment is still in the queue.

Your email address will not be published. Required fields are marked *.