Da es in der V12 beim responsiven Teil so ist, dass der Header ab dem ersten Breakpoint automatisch ausgeblendet wird, kann man den Header für 480px gleich im Programm unter "1" Template-Stil --> Struktur der Vorlage für mobile Geräte -->Seitenbereich "Header" ein Grafik einbinden mit max. 480px Breite. Allerdings was macht es beim ersten Breakpoint z.B. 1000px, dann nimmt es den 480px Header als Vorlage! Um dieses zu vermeiden kann man weitere Grafiken einbinden um hässliche Ränder zu vermeiden. Dazu darf man aber den mobilen Header nicht einbinden.
Dazu ist etwas CSS notwendig den man unter "4" Seo&Code Reiter "Erweitert" vor dem </Head> Tag einfügt ! Da die GRafik immer beim Breakpoint die niedrigste Auflösung anzeigt muss man die "max-width" auf die Breite des normalen Headers anpassen (minus 1px). Also wenn du den Header bei 1000px stehen hast dann gibt du 999px ein. Nimmst aber den (selbst erstellten) Header für 720px. Unten der Code ...
Den Header beim nächsten Breakpoint stellt man bei "max-width: 719px" ein, und nimmt die (selbst erstellte) Headergrafik mit 480px Breite! Es schaltet dann beim letzten Breakpoint um auf 100% Breite und deshalb kann man für kleinere Auflösungen es besser anpassen ! Der Code dafür ...
Die eingebundenen Headergrafiken muss man dann nur unter "4" Seo&Code Reiter "Erweitert" bei "hinzufügen" z.B. in den ORdner "img" (wie in meinem Beispiel) dazugeben.
Ein Beispiel ist hier http://www.catv.at
Viel Spass beim werken !