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; } |