How to add a bottom border or shadow to the menu
Add bottom border to menu (desktop and mobile)
To add a bottom border to the menu, go to Mega Menu > Menu Themes and paste the following into the Custom Styling area:
|
1 2 3 |
#{$wrap} { border-bottom: 3px solid red; } |
Add bottom border to menu (desktop only)
To add a bottom border to the desktop version of the menu (but not the mobile menu), go to Mega Menu > Menu Themes and paste the following into the Custom Styling area:
|
1 2 3 4 5 |
@include desktop { #{$wrap} { border-bottom: 3px solid red; } } |
Add bottom border to menu (sticky menu only)
To add a bottom border to the menu when the menu is sticky, go to Mega Menu > Menu Themes and paste the following into the Custom Styling area:
|
1 2 3 |
#{$wrap}.mega-stuck { border-bottom: 3px solid red; } |
Add bottom shadow to menu (desktop and mobile)
To add a bottom shadow to the menu, go to Mega Menu > Menu Themes and paste the following into the Custom Styling area:
|
1 2 3 |
#{$wrap} { box-shadow: 0 4px 2px -2px gray; } |