Genesis Tutorials

Are you looking for a tutorial on how to create a horizontal opt-in form below header in Genesis. If yes, you are at right place. In this tutorial, I will show everything to create a best, modern designed, and good looking horizontal opt-in form below header. Let's begin. Creating a Widget Area The first we do have to do, is to create a widget area where we will add the form. You have ... Read More...

Do you want to display featured image below post title on single posts in genesis. It is so easy to do that. In this short article, I will show you how to do it. Display Featured Image Below Post Title in Genesis You simply have to add this code to the functions.php file. add_action( 'genesis_before_entry_content', 'wg_featured_image_after_title'); function ... Read More...

Adding a sticky top bar in Genesis is a good way to promote anything special whether it is discount or deal. In this short tutorial, I will show you how to add or create sticky top bar in Genesis. There are few reasons for adding a top bar in your website. Few of them are. If you want to advertise any post/page. Special discount. Important message to the website users. Search ... Read More...

Sometimes, as a Genesis framework user, you may feel the need of adding a custom class to a specific post. So, how do you do that? Let me walk you through this tutorial that shows you how do it while using Genesis option and code snippet.  Add Custom Post in Genesis using Layout feature If your website is running on Genesis Framework, you don't have to worry about using code. Because the Genesis ... Read More...

The design patterns change, so we should be able to customize our genesis theme. If you want to create a fixed/sticky header on a scroll or want to create the header which on scroll changes the background color, you are at right place. Today, in this short tutorial, we are going to learn how to create a sticky header in genesis parent/ child theme. Create On Scroll Fixed/Sticky Header The ... Read More...

As the trend changes, the design patterns also change. Full-screen search overlay is one of them. Many popular sites like WebsiteGuider or WebsiteSetup use full-screen search. These websites use WordPress as their CMS. In this tutorial, we are going to learn how to create or add a fullscreen overlay search box in Genesis. Throughout the entire code, we will use some PHP, Jquery and ... Read More...

If you are a full-time blogger and you often write long posts, then your theme should support 'Back to top' function. Because it helps the user in reaching the header in no time. After reading this tutorial, you will be able to add a back to top or scroll to top button in your theme. Let's get started. In order to make a scroll to top button, we have to add a link to the header. After ... Read More...

Today I am going to show you how you can add a responsive menu to any Genesis child theme. The responsive mobile menu we are going to create is similar to the magazine pro themes mobile menu. Also, you should remember that this code applies to any menu active on your site. Let's start our work on making a responsive mobile menu for genesis. First of all, you need to create a js file in ... Read More...