How do I control the header space in non-front pages in Twenty Seventeen?

I'm not using the site title and tagline, so the headers in non-front pages are too thin to display the graphics I'm using.

I want to be able to control the height of the header in those other pages to display my graphics.

Thanks

Topic theme-twenty-seventeen theme-development Wordpress

Category Web

1
answered at

You can target several of the header elements using CSS. I'd use the site-branding like so:

.site-branding {
  min-height: 50vh;
}

This would set the minimum height of the element to 50% of the viewport height.

You can add this to your child theme's style.css or via the customizer if you're running a WordPress version greater than 4.7.

About

Geeks Mental is a community that publishes articles and tutorials about Web, Android, Data Science, new techniques and Linux security.