Add Genesis Grid Loop Before or After Home Page Widgets

This code enables you to add the genesis grid loop before or after widgets in your home.php or front-page.php file.

You can display your loop of posts in a 2 column grid or as features which display your post content or excerpt full width.

Genesis Grid Loop Before Widgets

Here’s a screenshot of what the code generates on the front page:

Here’s the entire front-page.php code which adds the Genesis grid loop before your home or front page widgets.

Genesis Grid Loop After Widgets

Here’s a screenshot of what the code generates on the front page:

Here’s the entire front-page.php code which adds the Genesis grid loop after your home or front page widgets.

CSS & Media Queries

Includes both the CSS and the CSS for the Media Queries.

Notes

• Tested on the Enterprise Pro child theme by StudioPress.
• The code may need modifying for use on other Genesis child themes.

Related Tutorials

• Genesis Grid Loop Setup Guide For Beginners

Subscribe for new Genesis Tutorials