Das musst Du unter "2 Vorlage", Auswahl "Auflösungen und responsives Design" für die einzelnen Umbruchpunkte einstellen.

Dies ist mir so weit klar, demnach einfach nochmals eine Breite auf 200 setzen, damit kleiner als 200 für Smartphone's?  denn wenn ich eine Ansicht für 400 mache, ist dies zwar eine Breite, doch die Breite Smartphone ist immer 320, diese kann nicht angepasst werden

Kleiner als 400 (SmartPhone) in der Vorlage

Und in der Vorschau:

Da sollte die Grafik eben breiter sein, aber ich versuche dies mal mit zusätzlichen Punkten

Und wenn Du die Grafik in den header_Hintergrund einbindest?

Header Hintergrund ist eigentlich nicht dafür gemacht

Es müsste wirklich eine Lösung für Header geben

Du kannst versuchen, ob es eine Auswirkung hat, wenn Du das Grafik Objekt größer machst, als der Header ist. Also das Objekt rechts und links den Header überlappt.

Kleiner als 320px kann man die Breite der Handyversion nicht einstellen. Man kann aber per Häkchen die Breite auf die ganze Breite vergrößern. Allerdings muss die Breite dafür dann größer sein als die 400px!