1

Hi i have 2 header images 1 for desktop and 1 for both tablet and mobile.

How can i swap from pc header image to the mobile / tablet header image when the screen is resized or viewed on 1 of those devices

Richard Barrett
  • 11
  • 6

1 Answers1

0

Assuming 300px as desired width of setting:

#header{
background:url('first URL Here')
}

@media screen and (max-width: 300px) {
    #header {
        background:url('second URL Here')
    }
}
Ali Sheikhpour
  • 10,475
  • 5
  • 41
  • 82
  • How can i mark as answered perfectly. Spot on i just have to fiddle with my navigation etc constantly learning new things from you guys thanks so much. – Richard Barrett Apr 11 '15 at 12:00
  • Thank you. You can both hit top arrow (positive point) and also hit the check mark to say which answer solved your problem. These options is in left side of answers – Ali Sheikhpour Apr 11 '15 at 19:53
  • vote up requires 15 rep lol try this 1 http://stackoverflow.com/questions/29675029/image-uploader-and-slider – Richard Barrett Apr 16 '15 at 12:46