Sridhar Katakam

Genesis and WordPress Tutorials

You are here: Home / Search for "image"

Search Results for: image

Off-canvas side menu in Sixteen Nine Pro using Slideout.js

by 6 Comments

Updated on February 15, 2018 Continuing the series on off-canvas side menu in Genesis, Altitude Pro, Brunch Pro and Foodie Pro today I write about using Slideout.js for sliding in the navigation menu in Header Right widget area when the hamburger menu icon is tapped on smaller screens in Sixteen Nine Pro. Screenshot: Screencast: https://sridharkatakam.com/wp-content/uploads/2018/01/sixteen-nine-pro-side-menu.mp4 […]

Use different header for employee pages on Showcase Pro

by

I set up the Showcase Pro theme with team member photos on the frontpage. However, I can’t figure out how to change the banner on the individual team member pages to the default header image instead of the huge headshot.

Off-canvas side menu in Foodie Pro using Slideout.js

by 2 Comments

In the past, I wrote about using Slideout.js for sliding in the primary navigation menu when the hamburger menu icon is tapped on smaller screens in Genesis, Altitude Pro and Brunch Pro. In this tutorial, we shall apply the same in Foodie Pro. Screenshot: Screencast: https://sridharkatakam.com/wp-content/uploads/2018/01/ScreenRecording_01-27-2018-12-31-32.mp4 Tested in Foodie Pro 3.1.1 Step 1 Upload slideout.min.js […]

Off-canvas side menu using Slideout.js in Brunch Pro

by 5 Comments

In the past, I wrote about using Slideout.js for sliding in the primary navigation menu when the hamburger menu icon is tapped on smaller screens in Genesis and Altitude Pro. In this tutorial, we shall apply the same in Brunch Pro. Screenshot: Screencast: https://sridharkatakam.com/wp-content/uploads/2018/01/ScreenRecording_01-26-2018-12-42-38.mp4 Tested in Brunch Pro 2.2.1 Step 1 Upload slideout.min.js to child […]

How to wrap archive title and intro text inside a div.wrap in Genesis

by 2 Comments

Looking to contain archive headline and intro text inside a div.wrap on category, tag and taxonomy archive pages in Genesis? Before: After: We can use the genesis_markup_taxonomy-archive-description_open, genesis_markup_taxonomy-archive-description_close, genesis_markup_cpt-archive-description_open and genesis_markup_cpt-archive-description_close dynamic filters to achieve this. Add the following in child theme’s functions.php: To view the full content, please sign up for the membership. Already […]

How to wrap archive intro text in a custom div in Genesis

by Leave a Comment

Intro text, if present/entered for archive (category/tag/custom taxonomy) terms will be shown like this in Genesis: Backend screenshot: Want to wrap the intro text in a custom div? This can be done by rewriting the function hooked to genesis_archive_title_descriptions. Add the following in child theme’s functions.php: To view the full content, please sign up for […]

Horizontal Submenu in Genesis

by 7 Comments

Looking to display submenu items horizontally when a menu item is hovered upon in Genesis? Screencast: We can set the .sub-menu to be 100% wide and anchored to the right so the submenu items appear full width with the first item in the submenu aligned at the left edge of the screen. The trick to […]

>