Menu Link Top Bottom Effect
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In leo tortor, pulvinar vitae dui eu, imperdiet eleifend est. Proin tempus urna elit, et tristique felis luctus quis.
Topbar
Header
Main Menu
Menu Hover Effects
Menu Labels
Page Title
Sidebars
Footers
Code Snippet To Create Above Results
$wdpk-primary-color: #0056c6;
$wdpk-hover-effect: (
hoverType: 2,
paddingBottom: 8px,
hoverThickness: 2px,
hoverColorType: gradient,
animationType: leftToRight,
animationDistance: 10px,
animationDuration: 0.3s,
animationDelay: 0s,
col1: $wdpk-primary-color,
col2: #0bc9cd,
) !default;
// $wdpk-menu-height - Sets the height of the header
$wdpk-menu-height: 80px !default;
// $wdpk-menu-logo-width - Set the width of the logo in the navbar
$wdpk-menu-logo-width: 210px !default;
