Wordpress: Сделайте фоновое изображение отзывчивого

Question

Вот мой WordPress: http://shopmanouchek.com

Все нормально, если вы посмотрите на него в режиме рабочего стола, но есть проблема в режиме смартфона. Изображение заголовка не реагирует.

Вот код для логотипа:

#header{ 
background-image: url(http://img15.hostingpics.net/pics/989373manouchekc.png); 
background-repeat: no-repeat; 
background-position: center; 
} 

Я пытался добавить

-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 

Это выглядит нормально на моем телефоне, но теперь логотип в окне рабочего стола теперь полностью негабаритный

Answer 1

Salman A выше упомянутых медиа-запросов, вот краткий обзор http://css-tricks.com/css-media-queries/

и пример того, как это будет работать на практике

#header { 
    background-image: url(http://img15.hostingpics.net/pics/989373manouchekc.png); 
    background-repeat: no-repeat; 
    background-position: center; 
} 

@media all and (max-width: 480px) /*or whatever width you want the change to take place at*/ { 
    #header { 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 
}