Adding sticky menu effect in Primary Navigation of Daily Dish Pro Theme. I did following things: Create a sticky-menu.js file and upload into js folder Enqueue the JS file. Add the PHP script in functions.php file Add CSS in style.css file Step 1 Create a new JS file “sticky-menu.js” and upload in js folder. Here… Keep Reading about Adding Sticky Menu Effect in Daily Dish Pro Theme
sticky menu
Creating sticky full width header in Metro Pro Theme
In this article I am introducing, how to convert the boxed header of Metro Pro theme into slim sticky full width header. Also I replaced the background logo with inline logo, added the toggle search icon at right of the logo and moved the mobile responsive menu icon at left side of the logo. See… Keep Reading about Creating sticky full width header in Metro Pro Theme
Creating a sticky navigation bar after header with slick responsive menu effect
See the video for live demo. I used the Genesis Sample Theme. But you can add this effect in your child theme. Follow the steps at below: Uploading Mini Logo via Theme Customiser Before editing the files you will keep a backup of your file theme. Open the lib/customize.php file and go to end of… Keep Reading about Creating a sticky navigation bar after header with slick responsive menu effect
Making Primary Navigation Sticky in Genesis Sample Theme
Adding sticky menu effect in Primary Navigation of Genesis Sample Theme. I did following things: Create a sticky-menu.js file and upload into js folder Enqueue the JS file. Add the PHP script in functions.php file Add CSS in style.css file Step 1 Create a new JS file “sticky-menu.js” and upload in js folder. Here is… Keep Reading about Making Primary Navigation Sticky in Genesis Sample Theme