web-dev-qa-db-fra.com

Suppression de l’espace entre en-tête et navigation sur Protostar

J'utilise le modèle Protosar sur Joomla.

J'ai essayé pendant des jours et je n'arrive pas à comprendre comment supprimer l'espace/remplissage/marge entre les balises d'en-tête et les balises de navigation. J'ai tout fait, y compris la marge de réduction à zéro et le remplissage pour les classes "en-tête" et "navigation", mais jusqu'à présent, cela n'a pas fonctionné. Une idée?

2
agahi

Vous avez pour votre en-tête un -20px valeur pour l'attribut supérieur. Cela provoque l'en-tête à monter -20px, créant cet espace supplémentaire.

Ceci est situé dans templates/protostar/template.css en ligne 1411

Maintenant, supprimez ce top: -20px; vous donnera un espace supplémentaire au-dessus de l'en-tête. Si vous ne le souhaitez pas, vous devez ajuster le remplissage de la classe de conteneur - templates/protostar/template.css sur la ligne 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; */**
...
} 

Changer le rembourrage en padding: 0 20px 20px;

1
FFrewin