Header Bild für verschieden Auflösungen

Hallo,

ist es Möglich für verschiedene Auflösungen unterschiedliche Header-Bilder zu nutzen?
Mein Header-Bild ist 1600x230px groß (Twenty Thirteen 2013 Black and white Theme) und auf einem 16:9 Monitor ist alles gut. Allerdings wird auf einem 4:3 Monitor rechts und links etwas abgeschnitten und auf einem Tablett oder Handy ist vom Header Bild gar nichts zu sehen.

Wie löse ich das?

Danke

Gruß
Michael

Das Header-Logo wird auf einem Tablet oder Handy nicht angezeigt. Was kann ich machen?
Auf dem Tablet oder Handy wird nur ein schmaler Streifen des Hintergrundbildes angezeigt.

Ich habe heraus gefunden das in der custom-header.php das Header-Logo ausgetauscht werden kann.

function twentythirteen_header_style() {
$header_image = get_header_image();
$text_color = get_header_textcolor();

// If no custom options for text are set, let's bail.
if ( empty( $header_image ) && $text_color == get_theme_support( 'custom-header', 'default-text-color' ) )
return;

// If we get this far, we have custom styles.
?>
<style type="text/css" id="twentythirteen-header-css">
<?php
if ( ! empty( $header_image ) ) :
?>
.site-header {
background: url(<?php header_image(); ?>) no-repeat scroll top;
background-size: 1600px auto;
}
Media (max-width: 767px) {
.site-header {
background: url('http://wwwxxx.de/wordpress/wp-c…016/05/test.jpg') no-repeat scroll top;
background-size: 768px auto;
}
}
Media (max-width: 359px) {
.site-header {
background-size: 360px auto;
}
}

Wenn ich nun den Browser minimiere wird irgendwann das test.jpg angezeigt. Allerdings ist nur der obere Teil der Grafik zu sehen. Irgendwo wird eine maximale Höhe für den Header vorgegeben.
Kann mir jemand sagen wo?