different header image on mobile devices

  • Hello, is it possible, to display a different header image on mobile devices then on desktops?
    i tried this in customizer:
    `@media screen and (max-width: 666px) {

    .site-header { background-image: url(“my-image-url”) !important;)
    }
    }
    but it did not work.
    Can you help please?

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Hi there,
    I just tested with a code like this 

    @media screen and (max-width: 666px) {
  .site-header {background-image: url(https://img.freepik.com/free-vector/colorful-palm-silhouettes-background_23-2148541792.jpg ) !important;
 }
}

    and it is working

    you shuold remove the closing parenthesis after !important, and you can also remove the quotes from the url

Viewing 1 replies (of 1 total)
  • The topic ‘different header image on mobile devices’ is closed to new replies.