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

admin管理员组

文章数量:1297049

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

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

• theme-development
• theme-twenty-seventeen

Share Improve this question edited May 6, 2017 at 14:37 Howdy_McGee♦ 20.9k2424 gold badges9191 silver badges177177 bronze badges asked May 6, 2017 at 6:28 user119125user119125 1

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 0

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.

本文标签： theme developmentHow do I control the header space in nonfront pages in Twenty Seventeen