Post featured image size issue

[micheal_w]

Hi Guys,
since one of the previous update, the post’s featured image works differently.
When a post page opened on mobile, the featured image on the top is just a small stripe, before it was a nice sized picture.

How can I solve this?
Thanks!

[Kyle – SUPPORT]

Hi

Try adding this to your custom css:

@media only screen and (max-width: 479px) { 
.fancy-tabbed-style .fancy-heading .heading-text h1 {
  font-size: 24px;
}
}

– Kyle

[micheal_w]

Hi Kyle,

it works. Sort of.
The stripe issue is still there between 480 – 767 px 🙁

[Kyle – SUPPORT]

Add this:

@media only screen and (max-width: 768px) { 
.page-heading.fancy-heading {
  max-height: 370px!important;
}
}

– Kyle

[micheal_w]

Oh great, thanks!

One more question regarding this: at the moment the picture is aligned vertically to the top and the bottom of the picture cut off… Is it possible to align the featured image vertically in the middle?

[Kyle – SUPPORT]

Add this to the previous css:

background-position: center -40px !important;

So:

@media only screen and (max-width: 768px) { 
.page-heading.fancy-heading {
  max-height: 370px!important;
  background-position: center -40px !important;
}
}

– Kyle