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...
Genesis Tutorials
Many folks face problems while customizing their Genesis framework. This section meant for such guys.
How To Add Custom Post Class in Genesis Framework
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...
How To Create an On Scroll Header in Genesis
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...
Add a Full Screen Search Overlay in Genesis (Without Plugin)
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...
How To Add a Back To Top Button In Genesis Theme
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...
How To Add a Responsive Menu in Genesis Theme
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...