Header Image width on mobile – again

  • PiaBrix

    (@piabrix)


    8 months ago

    Hi there

    I have been through a rough one with hough problems, ending in reinstalling almost everything, including updating wordpress it self.

    almost everything is back to normal, I find the header image is once again not that great on mobile devices.
    I tried again putting in the code from here:
    https://www.wpzoom.com/documentation/inspiro-lite/inspiro-lite-css-snippets/

    But that changes nothing at all any more on my iphone no matter if I use firefox, chrome or safari as browser :/
    I tried to change the variables to lower and higher settings – makes no difference.

    I’ve cleared tha cache on both browser and cache plugin .. but it makes no difference. The header image is still the same – zoomed in to fit in height in stead of width, so the image doesn’t present as it is surposed to.

    Any tips or tricks? ??

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Ina

    (@inamoro)

    @piabrix try using this code:

    @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: 30vh;
        }
     

        .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: 30vh;
        }

    Here is how it displays on my end:
    https://prnt.sc/Fd4EBCRb9Vy4

    You should clear the cache each time you apply a change. Caching can also be enabled directly on your server.

    Thread Starter PiaBrix

    (@piabrix)

    that did the trick – thank you so much ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Header Image width on mobile – again’ is closed to new replies.