How To Stop Your Archive Title & Description Displaying Within Your CSS Grid Columns

When using CSS grid to display entries ( posts ) in columns, you might find your H1 Archive title & description are also displayed in columns like this :

To fix this, you can add some CSS like this added to the end of your child themes style.css file :

Resulting in this which displays your title & description full width of your grid container and before your grid columns :

This class works in Genesis child themes.

Swap out the

archive-description

class to match whatever your theme uses for your archive title & description.

You can also use this solution to make your pagination span full width of your grid container.

Don’t forget to clear all types of caching!