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.