This members-only tutorial provides the steps to set up a nav menu having the site logo at the center in Genesis Sample 3.4.1. 960px and above: 959px and below: At smaller viewports we shall set the logo to appear the left with the hamburger menu at the right. Step 1 Upload your logo image at […]
Genesis Sample
Split Navigation in Genesis Sample
This members-only tutorial provides the steps to display primary navigation menu at the left, title area in the middle and secondary navigation menu at the right in Genesis Sample. Between 960px and 1399px (inclusive) we shall center the site header elements one below the other. 959px and below, it will appear as usual. with the menu expanded Tested in Genesis Sample […]
How to Customize Post Info in Genesis
This tutorial shows how to make changes to post info or entry meta before content in Genesis using the genesis_post_meta filter. Add the following in child theme’s functions.php: and edit the return line inside the function as needed. For example, to delete post comments, you would change it to:
Home Hero Overlay with Shrinking Site Header in Genesis
This members-only tutorial provides the steps to add a hero section on the homepage with a transparent site header overlay with the header and logo shrinking when scrolling down. We shall register home-hero widget area set transparent background for the site header set hero image as background covering both the site header and hero section […]
Header Search in Genesis Sample 2.8.0
This tutorial provides the steps to implement Monochrome Pro’s header search feature in Genesis Sample 2.8.0. The idea is to show a search box covering the entire site header when a magnifying search icon at the right of nav menu is clicked. As with the earlier tutorial for Showcase Pro, we shall use the WooCommerce’s […]
Split Navigation in Genesis Sample 2.8.0
This members-only tutorial provides the steps to display primary navigation menu at the left, title area in the middle and secondary navigation menu at the right in Genesis Sample 2.8.0. Between 960px and 1399px (inclusive) we shall center the site header elements one below the other. 959px and below, it will appear as usual. Tested […]
Two-column entry layout on content archives in Genesis
Updated on January 28, 2019 In my Facebook group, a user asked: Hi Sridhar, what’s the best way to do this on the blog page? Column 1: Entry image Column 2: Everything else (entry header, entry content and entry footer) Thank you This members-only tutorial provides the steps to display an image (featured if present, […]
Title Area at left, Header Right widget area at right with Primary Nav below centered in Genesis Sample
This members-only tutorial provides the steps to customize Genesis Sample to arrange title area at left and Header Right widget area at the right in a custom div.header-top with the primary nav appearing below centered. Sample HTML markup Tested in Genesis Sample 2.8. Step 1 Edit Genesis Sample’s functions.php. Let’s remove the code that unregisters […]
Home Featured widget in Genesis Sample
This tutorial provides the steps to register a Home Featured widget areadisplay the widget area below the header on the front pagemodify JS so the top margin (equal to the height of the fixed site header) applies to the widget area on the homepage and to .site-inner on every other pageadd CSS to set a […]
Swiper in Genesis
Swiper is a free mobile touch slider with hardware accelerated transitions and amazing native behavior. I have switched from Owl and SlickJS to Swiper for custom jQuery sliders and carousels. This members-only tutorial provides the steps to apply Swiper on Genesis Featured Posts. We are going to register a `home-featured` widget area. output `home-featured` widget […]
Recent Comments