Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 29, 2018 at 5:47 pm #1039065
    rezwiebel

    Hi,

    on this page you see on top a headerimage. On mobile this headerimage is zoomed in and not the whole image visible.
    How can I setup, that on all screen sizes the whole image is visible and the height of this element is dynamic?

    Galerie

    Thanks for support.

    Bye
    Rene

    November 30, 2018 at 10:31 am #1039265
    Vinay

    Hey rezwiebel,

    To add a scalable banner on all pages below the logo and menu. First, create a header widget area

    Header

    Then use the CSS styles from the below link

    Add a banner image below the logo and menu

    Best regards,
    Vinay

    November 30, 2018 at 11:59 am #1039276
    rezwiebel

    Hi Vinay,

    thanks for your message. But when logged in I see only white fields under your description. When logged out, I see the follwoing, but without the described info.
    —–
    Hey rezwiebel,

    To add a scalable banner on all pages below the logo and menu. First, create a header widget area
    https://kriesi.at/documentation/enfold/header/# (Purchase code hidden if logged out)

    Then use the CSS styles from the below link
    https://kriesi.at/documentation/enfold/ (Purchase code hidden if logged out) -the-logo-and-menu/

    Best regards,
    Vinay

    December 6, 2018 at 1:19 pm #1041630
    Ismael

    Hi,

    You can’t make the whole image visible on smaller screens without distorting the image.
    Use this css code to increase the height of the section on mobile view:

    @media only screen and (max-width: 767px) {
#duennesheaderbild {
    height: 200px;
}
}

    You can also use that code to change the background source:

    @media only screen and (max-width: 767px) {
#duennesheaderbild {
height: 200px;
background-image: url( IMAGE URL FOR MOBILE HERE ) !important;
}
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.