Header-Container Background Image responsive

  • Resolved Kim

    (@die-medienfrau)


    11 years, 6 months ago

    HI,

    i use the black rider theme on this page: http://www.ferienwohnungen-zingst-zurhanse.de

    i tried to make the header image (header container with background image) responsive. Like max-width: 100% but it dosen’t work.

    Can someone help me?

    Thats what i tried:

    }
    .header_container{
    background:#ffffff url(images/header-bg.png);
    background-repeat:no-repeat;
    padding:60px 0;
    max-width: 100%; !important
    min-width: 100%; !important
    }

    @media (max-width: 450px) {
    .header_container{
    background-position: -100px;
    margin-top: -20px;
    margin-bottom: -15px;
    }
    }

Viewing 1 replies (of 1 total)
  • Thread Starter Kim

    (@die-medienfrau)

    11 years, 6 months ago

    Solve it:

    }
    .header_container{
    background:#ffffff url(images/header-bg.png);
    background-size: 100%;
    background-repeat:no-repeat;
    padding:30px 0;
    width: 100%; !important

    }

    @media (max-width: 450px) {
    .header_container{
    background-position: -100px;
    margin-top: -20px;
    margin-bottom: -15px;
    background-size: 140%;
    }

Viewing 1 replies (of 1 total)

The topic ‘Header-Container Background Image responsive’ is closed to new replies.