Featured image height on mobile devices

  • Hi,

    I’m testing the OceanWP Theme on a demo site and I’ve already found a lot of helpful informations and customization examples in this forum…

    Now, I’m searching for an option to increase the height of the featured image on mobile devices when this image is shown in the site header.

    On desktops this looks good but on mobile devices (portrait mode), the height of the header/featured image is quite low.

    Is it possible to increase the height of the featured image on mobile devices?

    Thank you!

    Daniel

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello,

    Add the below code to the Customize > Custom CSS section to increase the height of the page title in the mobile device.

    @media screen and (max-width: 767px) {
header.page-header.background-image-page-header {
    height: 500px;
}
}
    Thread Starter Daniel L.

    (@dlutt)

    Hi,

    great, that’s it ??

    Now, the header looks better…

    Thank you!

    Daniel

    You’re welcome!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Featured image height on mobile devices’ is closed to new replies.