Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 11, 2018 at 10:51 am #984113
    dondela

    Dear support,

    i would like to stretch the Top-Logo-Image-width to 100%. Is this possible? That it adapts to the browser-window width.
    Thanks for any help

    July 11, 2018 at 11:49 am #984155
    Yigit

    Hi,

    I added following code to bottom of Quick CSS field

    .container.av-logo-container {
    margin: 0 !important;
    width: 100%!important;
    max-width: 100% !important;
}

div .logo img, div .logo {
    width: 100%;
}

    Please delete your custom CSS code and it should work fine

    .logo {
    margin-left: -47px;
    margin-right: -47px;
}

    Best regards,
    Yigit

    July 11, 2018 at 12:05 pm #984171
    dondela

    Thanks Yigit,
    would it be also possible to scale the image 100% and keep the aspect ratio?

    July 12, 2018 at 3:59 am #984447
    Ismael

    Hi,

    Adjust the code a bit.

    @media only screen and (min-width: 768px) {
.container.av-logo-container {
    margin: 0 !important;
    width: 100%!important;
    max-width: 100% !important;
}

div .logo img, div .logo {
    width: 100%;
    height: auto;
}

#header_main {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    z-index: 1;
    min-height: 203px;
}

.html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 202px;
}
}

    You may need to add a few css modifications for mobile view.

    Best regards,
    Ismael

    July 12, 2018 at 10:59 am #984609
    dondela

    Hi Ismael,
    thank you for that. One more question: Is there a way to set a max-width in pixels. So that the logo-image doesn´t scale over 1500px?

    July 12, 2018 at 2:09 pm #984765
    Victoria

    Hi dondela,

    Do you mean like this?

    
div .logo img, div .logo {
    width: 100%;
    height: auto;
   max-width: 1500px;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

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