2017-07-24 24 views
2

Ich bin ein Anfänger experimentieren mit Wordpress. Möchten Sie die Antwort auf die folgende Frage wissen:Positionierung Bild Banner auf einer Wordpress-Website

In der folgenden Website: http://thejuicesensei.com/wp/ Ich habe ein Bild in meiner Kopfzeile. Auf einem ganzen Bildschirm sieht es in Ordnung, aber auf dem Handy und wenn es minimiert ist, ist das Bild auf der linken Seite der Seite. Ich möchte, dass es auf der rechten Seite ist. Ich dachte, dass ich vielleicht CSS verwenden musste, um es neu zu positionieren, also tat ich Folgendes:

.widget-header img {float: left; } zu .widget-header img {float: rechts; }

in der Hoffnung, dass es funktionieren würde. Nichts scheint sich jedoch geändert zu haben. Habe ich die falsche Klasse oder etwas ausgewählt? Jede Hilfe wäre willkommen und es tut mir leid, wenn es nach einer so grundlegenden Frage klingt. Lücke von weißen

enter image description here

ich das Bild wollen auf der rechten Seite zu sein, so dass hässliche gibt es nicht:

(derzeit den Splash-Theme für Wordpress verwenden)

Im Moment sieht es so aus .

Mit freundlichen Grüßen

+0

Unten Antwort arbeitet für Sie gut oder nicht? –

+0

Arbeitet noch daran. CSS scheint nicht zu aktualisieren .. möglicherweise Caching-Probleme .. muss herausfinden, wie Sie sicherstellen, css-Edits zeigen tatsächlich zuerst .. –

+0

Do eine Sache ist nur unter beiden Sache in Ihrer benutzerdefinierten CSS-Datei und dann auch nicht hinzufügen funktioniert gut und dann bitte add max-width: 45%! wichtig nach diesem prozess. –

Antwort

0

Bitte hinzufügen float: rechts bis unter Klasse.

@media screen and (max-width: 728px){ 
    .widget-header { 
     float: right; 
    } 
} 
0

Stil Eltern von Float von img: links nach float: right

@media screen and (max-width: 728px){ 
    .widget-header { 
    max-width: 100%; 
    float: right; //change this 
    margin-top: 0; 
    } 
}