it-swarm.com.de

Entfernen des Leerzeichens zwischen Header und Navi bei Protostar

Ich benutze Protosar-Vorlage auf Joomla.

Ich habe es seit Tagen versucht und ich kann nicht herausfinden, wie das Leerzeichen/der Abstand/der Rand zwischen dem Header-Tag und dem Nav-Tag entfernt werden kann. Ich habe alles getan, einschließlich Nullabgleich und Auffüllen für die Klassen "Header" und "Navigation", aber bisher hat es nicht funktioniert. Irgendeine Idee?

2
agahi

Sie haben für Ihren Header einen -20px - Wert für das Top-Attribut. Dies bewirkt, dass der Header nach oben geht -20px, Wodurch dieser zusätzliche Speicherplatz entsteht.

Dies befindet sich in templates/protostar/template.css In der Zeile 1411

Wenn Sie nun top: -20px; Entfernen, erhalten Sie ein zusätzliches Leerzeichen über der Kopfzeile. Wenn Sie dies nicht möchten, müssen Sie den Abstand für die Containerklasse anpassen - templates/protostar/template.css In Zeile 14169.

.body .container {
  background-color: white;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding:20px;   **/* Change this to padding: 0 20px 20px; */**
...
} 

Ändern Sie die Auffüllung in padding: 0 20px 20px;

1
FFrewin