Header Size

[Phillip Allen]

Is there a way I can change the header size to bring my Featured items up a bit? I tried

 

.home .main-header{
height: 300px;
}

But that did not work.

[Andy]

Try this instead:

.home .main-header{
    min-height: 300px !important;
}

[Deborah Vincent]

I have this issue, too – I have followed the image size guidelines, and the top of my image gets cut off on desktop view of the homepage, no matter what I use for a minimum size.

 

How do I fix that?

[Yazmin]

Hi Deborah

It is designed this way so that the masthead (area with the site title/logo and menu) is overlaid over the top of the header background image.

This is because there is an opacity setting for the masthead background color, allowing you to set the transparency from 0 to 100 (0 allows the background image to show thru completely, 100 is the full block color).

If you want to adjust this, in the customizer go to ‘Extra Colors’ > ‘Masthead’ and for the Header background color selector there is a horizontal slider bar which can be adjusted from 0 to 100 in conjunction with the background color.

[Author]

Posts