This tutorial provides the steps to create a Copyblogger style Post Grid Layout in Genesis. Preview: Tablet and Mobile View. Tested in Genesis Sample 3.2.0 but will ... Continue Reading »
Slide in-out Responsive Menu with Overlay in Genesis Sample
This tutorial provides the steps to add an overlay design to all slide in-out responsive menu in Genesis Sample. You can find the tutorials here: Off Canvas side slide in-out ... Continue Reading »
Off-Canvas side slide in-out responsive menu in Genesis Sample
This tutorial provides the steps to replace the default menu with Off-Canvas side slide in-out responsive menu in Genesis Sample. Preview: Tested on Genesis Sample ... Continue Reading »
Responsive Menu in left, Logo in center and Offscreen Widget in Right in Genesis Sample
This tutorial provides the steps to add Responsive Primary Menu in left, Logo in the center and Offscreen Widget having search and Popular Widgets in Right in Genesis ... Continue Reading »
Slide in-out canvas menu in Genesis Sample
This tutorial provides the steps to create a Slide in-out canvas menu in Genesis Sample. The title area remains in left/right and a slide in-out canvas menu with custom ... Continue Reading »
Simple Social Icons and Search widget after primary Navigation in Genesis Sample
This tutorial provides the steps to display Simple social icons and search widget next to the primary navigation in the Genesis Sample. in mobile This tutorial ... Continue Reading »
Hero Section in Genesis
This tutorial provides the steps to add a beautiful Welcome Hero section in any child theme based on Genesis Framework. The tutorial includes the simple widget option in ... Continue Reading »
Post list design showing featured image when hovered in Genesis
This tutorial provides the steps to create a Custom Press Post list design showing featured image associated with the article when hovered on the article link in Genesis. This ... Continue Reading »
Change Logo On Scroll in Genesis Sample
This tutorial provides the step to change logo on scroll in Genesis Sample. You can choose to change logo on a single page like front page or choose logo on each post/page ... Continue Reading »
HTML Form in two columns in WordPress
This tutorial provides the step to create a 2 columns contact form using the HTML forms plugin in WordPress. Preview: Prerequisite: Make sure to set up the SMTP using the ... Continue Reading »
Expanding Search box in menu-item list in Genesis
This tutorial provides the step to add a search box item in a navigation menu which expands to show search form in Genesis. Preview: STEP 1 Go to Appearance > Menus ... Continue Reading »
Custom Post List with custom field in Genesis
This tutorial provides the steps to create a custom function to output Post listing with custom field. The code will work on any theme and not limited to Genesis Framework. This ... Continue Reading »
Custom Genesis Featured Posts Widget in Genesis Sample
This tutorial provides the step to rewrite the default Genesis Featured Post Widget in any theme based on Genesis Framework. STEP 1 Create a file name genesis-post-widget.php ... Continue Reading »