sacredpath
(@sacredpath)
Automattic Happiness Engineer
Hi there, on the height for that featured image section on the static pages such as Services has 4 height settings. One is the base setting and then there are three Media Queries to set the height differently depending on screen/window width. The heights are set in vh units (vertical height).
I checked different mobile and tablets to see how things look on them, and it appears like things are pretty good for screens/windows from the 768px break point and narrower, so let’s adjust things for screens/windows wider than that with two Media Queries.
/* adjust height of featured images on pages other than the home page*/
@media screen and (min-width: 896px) {
body:not(.home) .entry-hero {
min-height: 40vh; /* was 70vh */
}
}
@media screen and (min-width: 768px) {
body:not(.home) .entry-hero {
min-height: 40vh; /* was 55vh */
}
}
Thread Starter
warney
(@warney)
Absolute Gem Sacred Path!
Thanks so much for your help!!!!!!
sacredpath
(@sacredpath)
Automattic Happiness Engineer
well, thank you and you are welcome.
Thanks it really helped me too!
How can I set up a specific height for the homepage? I’d like to have a bigger image there?
Thanks a lot!