changing home page hero area width for mobile devices (inspiro theme)

  • Unknown's avatar
    wiesjudith · Member ·

    Hello!

    I have been looking for ways to keep the header image in the inspiro theme full width, or at least to be able to adjust its placement in the mobile version. I would like for the desktop version to appear on both tablets and mobiles. Is there a way to make this happen, perhaps a CSS code for that?

    So far I have only found a code to change the height of the header image, not the width, this way:

    @media screen and (max-width: 760px) {

    .inspiro-front-page.has-header-image .custom-header-media, .inspiro-front-page.has-header-video .custom-header-media {

    height: 800px;

    height: 70vh;

    }

    .has-header-image.home.blog .custom-header, .has-header-image.inspiro-front-page .custom-header, .has-header-video.home.blog .custom-header, .has-header-video.inspiro-front-page .custom-header {

    height: 70vh;

    }

    }

    Thanks so much in advance!

  • aleone89 · Staff ·

    Hey there,

    Thanks for reaching out.

    We’re unable to provide CSS for third party themes. I’d recommend reaching out to the theme developers here: https://wordpress.org/support/theme/inspiro/

    They should be able to check what’s needed in order to expand the width of the page.

    I hope this helps.

  • The topic ‘changing home page hero area width for mobile devices (inspiro theme)’ is closed to new replies.