Add shadow on Icon (not box shadow)

Support
#1

Hi there,

I’m trying to add a shadow to the Burger icon in my nav bar. I don’t want a box shadow around the box, I want it behind the elements of the icon.

This CSS works but only for 1 line of the burger:

.x-toggle-burger {
box-shadow:2px 2px 2px #000!important;
}

What CSS do I need to use to add drop shadow to the whole burger?

#2

Hi @archerthefox,

Thank you for reaching out to us. Please replace your code with the following:

.x-toggle-burger>span {
    box-shadow: 2px 2px 2px #000;
}

Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!

#3

Thank you! :slight_smile:

#4

You’re welcome.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.