Okay
  Public Ticket #2807501
Project Page Header
Closed

Comments

  •  2
    Camila started the conversation
    June 21, 2021 at 3:13pm

    Hello! I have an image as a header in my projects pages. This image is configured to display fullscreen height. But I want to set an specific heigth for mobile, because some images have texts that appear cropped in mobile.

  •  1,878
    Judith replied
    June 21, 2021 at 3:42pm

    Hi Camila,

    Please try this css:

    @media only screen and (max-width: 999px){
    .using-mobile-browser #page-header-wrap.fullscreen-header, .using-mobile-browser #page-header-wrap.fullscreen-header #page-header-bg, .using-mobile-browser #nectar_fullscreen_rows:not(.afterLoaded):not([data-mobile-disable="on"]) > div {
        height: calc(63vh - 100px) !important;
    }
}

    Thanks.

  •  2
    Camila replied
    June 21, 2021 at 4:53pm

    It's working! Thank you so much!