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!
Was This Tutorial Helpful?