css

How to create fa-bars animated menu

You provided the code you found online but none of the code from your theme or header.php or wherever it is that your hamburger menu launcher exists… …so, I’ll do my best… It’s most likely in your header.php, before the navigation is called, that you’ll find a link of some sorts… <a id=”mobile-nav” href=”#”><i class=”fa … Read more

wp_nav_menu not working [closed]

and the all codes are here <!– HORIZONTAL-MENU –> <div class=”sticky”> <div class=”horizontal-main hor-menu clearfix “> <div class=”horizontal-mainwrapper container clearfix”> <nav class=”horizontalMenu clearfix”> <?php wp_nav_menu(array(‘theme_location’ => ‘header’,’menu_class’=>’horizontalMenu’,)); ?> <ul class=”horizontalMenu-list”> <li aria-haspopup=”true”><a href=”#” class=”sub-icon active”><i class=”fe fe-home”></i> Dashboard <i class=”fa fa-angle-down horizontal-icon”></i></a> <ul class=”sub-menu”> <li aria-haspopup=”true”><a href=”index.html” class=”active”>Dashboard 01</a></li> <li aria-haspopup=”true”><a href=”index2.html”>Dashboard 02</a></li> <li aria-haspopup=”true”><a … Read more

Side Menu Icon Expandable

it’s not perfect and you’ll probably want to re-tool and modify it all a bit to get it exactly the way you want but the principals are here. (I had to end up animating the height with jQuery because the heights are dynamic and we can’t set a value in CSS.) Here’s the HTML: <div … Read more

Shrink Header Image on Scroll

So there’s two things we need to look out for here. We have to first make sure we specify to jQuery/javascript what it is that we’re selecting. In this code you are targeting the HTML header element and then also targeting ‘site-logo’ but jQuery can’t find an element named ‘site-logo’. <script> jQuery(document).ready(function($) { $(window).scroll(function () … Read more

+ More