Hader image not showing on mobile or pad

  • Resolved el55no57bru

    (@el55no57bru)


    2 years, 3 months ago

    Hello, in the mobile or i-pad wiew, I have seen even in the customizer, the header image is not showing. Inspecting the page I found this css code: 

    @media only screen and (max-width: 1024px)
.header-image {
    background-image: none;
    height: auto !important;
}

    I tried to put in custom css like this but does not work:
    .header-image {
    height: auto !important;
    }
    Thank You very much in advance and sorry for my bad English
    Bruno

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter el55no57bru

    (@el55no57bru)

    Hello again, tried again with this code:

    @media only screen and (max-width: 1024px)
.header-image {
    background-image: inherit;
    height: auto !important;
}

    Then:

    @media only screen and (max-width: 1024px)
.header-image {
    background-image: initial;
    height: auto !important;
}

    But… nothing

    Tahnk You again
    Bruno

    Hi Bruno,

    Have you tried searching for similar topics previously asked that may contain working solution from here: https://www.ads-software.com/search/sydney+header+image+mobile/?

    Thanks!

    Thread Starter el55no57bru

    (@el55no57bru)

    HI, Kharis.. I am very sorry. I installed the pugin but in the home page (mobile) it show both video and image; I would like the video only in home page.. if is possible. Here the home page:
    https://www.demo-btiw.it/contract-2

    Thank You
    Bruno

    Hi Bruno,

    To hide the additional image, try adding this CSS code to Appearance > Customize > Additional CSS from dashboard. 

    @media only screen and (max-width: 1024px) {
  .header-image2 {
    display: none;
  }
}
    Thread Starter el55no57bru

    (@el55no57bru)

    HI Karis, it work’s but now is missing the header image in internal pages (Chi siamo).
    thank you very much
    Bruno

    Hi @el55no57bru,

    Thank you for trying the code and getting back to me.

    > … but now is missing the header image in internal pages (Chi siamo).

    If that the case, try replacing the code with: 

    @media only screen and (max-width: 1024px) {
  .home .header-image2 {
    display: none;
  }
}
    Thread Starter el55no57bru

    (@el55no57bru)

    HI Karis; whith compliments! Now it is ok, again Thank You very much, really.
    Bruno

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Hader image not showing on mobile or pad’ is closed to new replies.