Okay
  Public Ticket #2476966
page header image problem
Closed

Comments

  • tim furr started the conversation
    July 18, 2020 at 9:46am

    I am using a page header image on all my pages - it displays fine on my desk top computer and phone however, on my iPad there's a black band showing underneath the image on each page... how do I get rid of this?

  •  3,017
    Andrew replied
    July 18, 2020 at 3:38pm

    Hi Tim,

    Use the following custom css in Salient > General settings > CSS/Script related:

    @media only screen and (max-width: 1000px){
    div#page-header-bg {
    background-color: white !important;
}
}

    Hope this helps.

  • tim furr replied
    July 26, 2020 at 1:48pm

    Thanks for this, however it does not seem to have solved it...

  •  3,017
    Andrew replied
    July 26, 2020 at 6:18pm

    Hi Tim,

    Update the css shown in the screenshot as below:

    @media only screen and (min-width: 1000px){
    #page-header-wrap.fullscreen-header, #page-header-wrap.fullscreen-header #page-header-bg, html:not(.nectar-box-roll-loaded) .nectar-box-roll > #page-header-bg.fullscreen-header, .nectar_fullscreen_zoom_recent_projects, #nectar_fullscreen_rows:not(.afterLoaded) > div {
    height: 95vh;
}
}

    1518462465.png


    Hope this helps.