Wettermodul (Gavick) - Inhalt des oberen div zentrieren

Hallo zusammen,

J-Version: 3.4.8
Template: Protostar
Link (vorübergehend erreichbar): www.vazid.com/index.php/de/

Würde gerne beim Wettermodul den oberen Inhalt zentrieren (auf den kleinen viewports) (gkwMainLeft+gkwMainRight sollen nebeneinander bleiben)
Habe schon in anderen Forumsbeiträgen im Netz gesucht, aber nichts passendes gefunden was mir weiterhelfen würde.

Habe Folgendes verwendet:

@media (max-width: 480px) {


div#weather1.gkwMain {text-align: center !important;}


 div.gkwCurrent {
 display: inline-block !important;
 margin: 0 auto !important;
 width: 100%;
 float: none !important;
 }


}

Kann mir jemand weiterhelfen bzw. einen Denkanstoß liefern?

Merci und schönen Sonntag!

Zitat von Indigo66

Du musst in entsprechenden Viewport das Floating wieder entfernen (float:none;).

Meinst du folgendes floating?

div.gkwCurrent {
float: none !important;
}

Wenn ich das entferne ändert sich an der Ansicht nichts.

Habe jetzt Folgendes angewandt.

Jetzt sieht es so aus wie ich es mir vorgestellt habe.
Mal wieder voreilig ein neues Thema erstellt.

Danke. Gruß.