Foodie Pro Tutorials

All code, tutorials and theme customization/modification relates to the Foodie Pro child theme for Genesis by Shay Bocks. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Reduce Site Header Size When Header Image Decreases On Mobile Screens

This solution resizes the site header as the screen width reduces. In some themes like Foodie Pro, the header image is coded to using

Foodie Pro Full Width Site Header

This solution enables you to modify the site header in Foodie Pro. Make the site header full width Display the site title or header

Moving Post Info Above Title in Foodie Pro Featured Posts Widget

This tutorial shows you how to move the post info in the entry header above the entry title like this : Go to foodie-pro > lib >

Change Logo When Genesis Responsive Menu Toggled

The code in this tutorial enables you to display a different header image when the responsive hamburger menu icon is toggled open. Here's

Use Custom Image In Foodie Pro Featured Posts Widget For Recipe Index

The code in this premium tutorial for paid members enables you to use a custom image when using the Foodie featured Image widget in the

Add Foodie Pro Recipe Index Template To Genesis Sample Theme

This tutorial provides the code which enables you to add the recipe index template from the Foodie Pro theme to the Genesis sample child

Foodie Pro Mobile Responsive Full Width Header Image

This tutorial provides the step by step instructions ( Fully Supported for members ) which enable you to add a mobile responsive, full width

Resize Foodie Pro Header Image

This beginners tutorial, enables you to change the code in Foodie Pro so it displays your header image or logo perfectly. You'll need to

Add Pagination to Home Page In Foodie Pro

This tutorial includes 3 ways to add pagination to the front page of any Genesis child theme. The code is tested in the Foodie Pro child

Foodie Pro Remove Grid

Foodie Pro includes a custom grid function which you can use to display posts in columns. Via the Content Archive settings in the WordPress

Foodie Pro Featured Posts Widget – Manually Add Which Posts You Want Featured

The code in this solution is based on this question from a member of the StudioPress Community Forums: I'm wondering if there's a way to

Foodie Pro Archive Page Template With Columns

This template can be used in any genesis child theme. It has been tested on the Foodie Pro child theme by Shay Bocks in response to the

Foodie Pro Responsive Header Right Nav Menu Modification

This tutorial for Foodie Pro theme owners shows you how to make the header right nav menu display at the very bottom of the site header

Full Screen Width Header in Foodie Pro

This tutorial shows you how to make the site header span the full width of the screen like this: Update : Here's the tutorial for the

4 Column Archive Recipes Template – Featured Image & Title Only

I was hired recently to create category archives for a recipe website like this: The client wanted to keep the primary sidebar and