Featured image height on mobile devices

  • Daniel L.

    (@dlutt)


    5 years, 2 months ago

    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)
  • Amit Singh

    (@apprimit)

    5 years, 2 months ago

    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)

    5 years, 2 months ago

    Hi,

    great, that’s it 🙂

    Now, the header looks better…

    Thank you!

    Daniel

    Amit Singh

    (@apprimit)

    5 years, 2 months ago

    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.