Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 19, 2018 at 11:00 am #1035115
    dondela

    Dear support,
    i try to stretch the Logo background picture to 1900px max-width with the follwowing code. But it always sticks to 1500px width.

    @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;
    max-width: 1900px!important;
    }

    Do you have a hint for me?

    November 20, 2018 at 11:21 am #1035512
    Rikard

    Hey dondela,

    You are telling it to be 100% of the width of the container element, did you try to make the container wider instead?

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

    Best regards,
    Rikard

    November 20, 2018 at 11:28 am #1035519
    dondela

    Hey Rikard,
    i had this code in my style.css. Now i transferred it to the quick.css of enfold and it works!
    Do you understand why?

    Anyway, thanks for your help, great support!

    November 21, 2018 at 7:43 pm #1036279
    Yigit

    Hi,

    Looking at the code you shared above, there is a missing closing curly bracket. That could be the reason why it might not be working. Code should be as following

    @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;
max-width: 1900px!important;
}}

    Best regards,
    Yigit

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