• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2784

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Consultation
  • Full Access
  • Log in

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 :

Register for full access


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!

CSS Grid Columns Taxonomy Terms

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.