Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 2, 2017 at 7:21 pm #741984
    DStoeckl

    Hi,

    at wunderwanne.at I want to change the background-image of the header for mobile devices. I put @media screen … to the quick css, but
    the image isn’t changed. I see the right background-image-code in the browser, but it doesn’t influence. It seems that it is overriden by javascript.

    (I know that the background-image isn’t perfect. But I got it from my customer, and I want to override the global setting für the header background-image via css for mobile devices.)

    Thanks,
    Daniela

    February 4, 2017 at 7:11 am #742678
    Rikard

    Hey Daniela,

    What code are you trying to use?

    Best regards,
    Rikard

    February 6, 2017 at 11:39 am #743271
    DStoeckl

    @media only screen and (max-width: 989px) {
    .header_color {
    background-image: url(‘http://www.wunderwanne.at/wpww/wp-content/uploads/2017/02/Header-Logo-990.jpg’) !important;
    background-position: top left;
    background-repeat: no-repeat; }
    }

    @media only screen and (max-width: 768px) {
    .header_color {
    background-image: url(‘http://www.wunderwanne.at/wpww/wp-content/uploads/2017/02/Header-Logo-768.jpg’) !important;
    background-size: cover;
    }
    }

    Best regard,
    Daniela

    February 10, 2017 at 9:46 am #745290
    Ismael

    Hi!

    Please use the following code.

    @media only screen and (max-width: 768px) {
.header_color .header_bg {
   background-image: url(‘http://www.wunderwanne.at/wpww/wp-content/uploads/2017/02/Header-Logo-768.jpg’) !important;
   background-size: cover;
}
}

    Best regards,
    Ismael

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