2017-01-12 3 views
0

Ich helfe bei der Erstellung einer Website für einen Freund, aber die Kopfzeile ist nicht oben fixiert, es überschneidet sich mit der Diashow im Moment. Wenn ich jedoch den Bildschirm auf "ipad" Breite reduzieren, wird die Kopfzeile an der Spitze fixiert.Wie mache ich meinen Header fixed/sticky auf Wordpress Theme?

Dies ist die Seite im Moment: http://www.testing-30-10-1993.com/

Ich will nicht Bearbeitung von Code für den Fall riskieren es vermasselt. Ich habe dieses Thema von Template Monster gekauft. Ich möchte nur wirklich, dass die Kopfzeile/Navigation repariert wird, wenn Sie die Webseitenbreite auf iPad Größe ziehen.

Kann jemand helfen? Alternativ kennt jemand jemanden/Website, wo ich jemanden dafür bezahlen kann? Prost & schätze alle Hilfe. Ich würde Code hinzufügen, aber ich bin nicht einmal sicher, welchen Abschnitt des Codes ich kopieren sollte.

x

Antwort

1

Wenn Sie keine Angst haben, eine einzige Zeile Code zu bearbeiten, gehen 844 der Haupt style.css Datei in dem Ordner zu Zeile, diese Erklärung zu finden:

.page-template-page-home-php .header > .container > div { 
    position: absolute; 
} 

ändern sie dies:

.page-template-page-home-php .header > .container > div { 
    position: relative; 
} 

Andernfalls würden, wenn Sie sich nicht mit den Akten der Themen bevorzugen, ein Plugin für das Hinzufügen von benutzerdefinierten CSS installieren und in dem folgenden Code ein:

@media (min-width: 1200px) { 
    body.page-template-page-home-php .header > .container > div { 
     position: relative; 
    } 
} 

Viel Glück!

+0

Hier ist ein gutes Plugin zum Hinzufügen von CSS: https://wordpress.org/plugins/custom-css-pro/ –

+0

Sie sind ein totaler Lebensretter! Ich habe den Code bearbeitet und es funktioniert (muss nur Größe des Headers bearbeiten, aber ich kann das tun). Danke, so sehr, dass du ein Problem gelöst hast, das mich seit Wochen beschäftigt. Sehr geschätzt! :) –

+0

Gern geschehen. Froh, dass das für dich funktioniert hat! –