This premium members-only tutorial provides the steps to reposition the secondary menu from the footer to header upload an image logo use CSS Grid to position the primary menu at the left, logo image in the middle and secondary menu at the right set search icon to be added to the secondary menu instead of […]
Search Results for: media
Full-width Soliloquy slider in Navigation Pro
This premium members-only tutorial provides the steps to add a full-width Soliloquy slider at the top of the homepage of Navigation Pro. Needless to say, this slider can be shown at any position on any Page in WordPress. Step 1 Install and activate Soliloquy slider plugin. I have tested the premium version of the plugin […]
Conditional Post Info in Genesis
This members-only tutorial provides the steps to remove “by <author name>” from the entry header’s post info in Genesis for posts in which “Hide Author?” checkbox, a custom field has been ticked. True / False type of custom field added using Advanced Custom Fields Post info without”by <author name>” for entries where “Hide Author?” has […]
Logo at the left and Nav Menu at the right in Essence Pro
This members-only tutorial provides the steps to customize Essence Pro to have a logo image appear at the left and navigation menu at the right in the site header. 1201px and above 1200px and below Tested in Essence Pro 1.3.0. Step 1 Let’s remove the search from the header. In /wp-content/themes/essence-pro/lib/header-functions.php, comment out the following: […]
Slideout.js in Genesis
This members-only tutorial provides the steps to implement Slideout.js, a touch slideout navigation menu JavaScript in Genesis Sample. We shall show the widgets placed in a custom widget area in the side panel when the hamburger icon is clicked/tapped – effective 959px and below. The side panel can be dismissed by clicking/tapping the close icon […]
Split Nav in Genesis with logo change on scroll
This members-only tutorial provides the steps to show a centered image logo with primary nav on its left and the secondary nav on the right in the site header of Genesis Sample. We shall show a different logo image on scroll with a smooth shrinking effect. Before scrolling: After scrolling: While the tutorial has been […]
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 […]
Before Header + Site Header in Business Pro
This members-only tutorial provides the steps to register a Before Header (or popularly, knows as Utility Bar) in Business Pro, combine it with the site header, make the combined div transparent initially and with a dark background upon scrolling down. Initial state: After scrolling down: Tested in Business Pro 1.1.0. Step 1 Let’s register a […]
How to filter CPT entries by taxonomy using Ajax Load More in Genesis
Updated on May 15, 2019 This members-only tutorial is similar to the earlier one here and shows how to filter entries of a project Custom Post Type by its project_type custom taxonomy with a Load More button to load the next set of entries. We shall add a row of filters (taxonomy terms) and a […]
Smart Slider 3 in Infinity Pro’s Front Page 1
This members-only tutorial provides the steps to replace the static full-screen background image with a full-screen slider using Smart Slider 3. Tested in Infinity Pro 1.2.0. Step 1 Install and activate Smart Slider 3. Go to Smart Slider in the WordPress admin menu. Create one from scratch or import a slider from the template library […]
Recent Comments