Ich habe dasselbe Problem und komme auch bei dem html/css-code nicht weiter. Was müsste ich hier noch ergänzen? Das Layout ist auf 800 Pixel Breite eingestellt und ich würde das Bild gerne als Logo genau so breit haben.
<!DOCTYPE html>
<html>
<head>
%head%
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">
body { padding: 0 0 20px 0; margin: 0 }
div#s2t-progress { position: absolute; right: 10px; top: 0px; width: 200px }
div#s2t-logo { margin-bottom: 10px; width: 800px}
div.questionary { min-width: 300px; max-width: %width%; margin: 14px auto 0px auto; padding: 0 10px }
/* Center header and footer on smartphone */
@media (max-width: 450px) {
div#s2t-logo { text-align: center; margin-bottom: 16px }
div#s2t-controls { text-align: center }
div#s2t-imprint { text-align: center }
div#s2t-progress { left: 0; right: 0; margin: 0 auto }
}
</style>
</head>
...