Pro Tuts

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

Displaying Author box, Comment Form & Comments in Tabs Under Post

I am displaying the author box, comment form and comments in JQuery Tabs format at below the entry footer meta on single post details page. In this article I used Genesis Sample theme. PHP and JQuery scripts will work on any child theme. You will just modify the CSS code and adjust the padding/margin as… Keep Reading about Displaying Author box, Comment Form & Comments in Tabs Under Post

Replacing Archive Hero Image With Individual Category Thumbnail In Interior Pro Theme

By default hero image of category archive page is coming from Customize -> Hero Image -> Post & Archive Hero Image section. So it is same for all category archive page. Now I am replacing this hero image with featured image of individual category. Only default archive hero image will show when a category have… Keep Reading about Replacing Archive Hero Image With Individual Category Thumbnail In Interior Pro Theme

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