(+359) 88 339 4445

Buy All 39 Premium WordPress Themes for $54.99

How to Reduce Header Space in Twenty Twenty Theme

How to Reduce Header Space in Twenty Twenty Theme

Twenty Twenty is currently the default WordPress theme. It has more than 1 million active installations which probably makes it the most popular WordPress theme.

We use that theme in our plugins demo site. Recently, we found out that the header space is too large and we decided to reduce it’s top and bottom space. Here is how it can be done:

  1. Login to your Admin Panel
  2. Navigate to Left Menu -> Appearance -> Customize -> ‘Additional CSS’ section
  3. Insert the following code there and save changes
.singular .entry-header {
	padding:0 0 20px 0;

Please Note: we add the above code into customizer Additional CSS section instead of editing it directly in theme style.css, because in this way the custom code will remain on theme upgrade.

About the Author

Tihomir Ivanov is a WordPress and Salesforce Commerce Cloud (SFCC) developer, founder of, a fan of Linux and Open Source, Minimalism (in Design and Life), Sci-fi, Fantasy, Classic and History books :)

Leave a Reply