[Rebecca Keogh]

Hi There,

 

I am wondering why the display characteristics for the home page and the other pages is different. The home pages appears to “pin” the background image as a larger picture while the other pages resize in a completely different ways – it there a was to make the other pages behave like the home page ?  I want the visual to remain consistent over the site.

Thank you.

 

Rebecca

[Sakin]

Hi Rebecca,

I am a little confused. Are you talking about the Header Image? If so, then you can add the following CSS in “Appearance => Customize => Additional CSS” box:

.has-header-image .custom-header-media,
.has-header-video .custom-header-media,
.has-header-text .custom-header-media {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: center;
  -ms-flex-pack: end;
  justify-content: center;
  height: 100%;
  height: 100vh;
  width: 100%; 
}

Regards,
Sakin

[Rebecca Keogh]

Hi Sakin,

 

That has done exactly what we wanted – thank you so much!

 

Rebecca

[Author]

Posts