Seite 1 von 1
Abstände im Menü beim MEDICALM4 Theme verringern
Verfasst: Mo 13. Sep 2021, 15:55
von inno
Hallo,
wie kann ich die Abstände der einzelnen Menüpunkte (HOME Test1 Test2 Kontakt, ....) im Header beim MEDICALM4 Template verringern?
Aktuell stehen sie mir zu weit auseinander.
Grüße
Re: Abstände im Menü beim MEDICALM4 Theme verringern
Verfasst: Mo 13. Sep 2021, 16:26
von Tommy Herrmann
Moin,
es ist immer besser wenn Du Dein Projekt zunächst mal in ein Testverzeichnis publizierst, sodass man dann in den Quelltext und somit auch in die verwendete CSS gucken kann. Dann kann man auch helfen, ohne selbst dieses Thema erst installieren zu müssen. Hier meine Beispielseite von diesem Thema:
https://www.mobirise-tutorials.com/MedicalM4/
Das sieht so aus, als wäre es das "padding" (Innenabstand) von
20px (links und rechts)
padding: 0.4rem 20px !important;
der
class="nav-item". Verringere das mal im Bereich "CSS Editor" des Blocks auf meinetwegen 5px (unten):
Code: Alles auswählen
.nav-item {
& span {
padding-right: 0.4em;
line-height: 0.5em;
vertical-align: middle;
position: relative;
text-decoration: none;
}
& a {
padding: 0.4rem 5px !important;
}
}
Das würde dann so aussehen:
Hier die Original-Class im "Code Editor" (markiert):
Re: Abstände im Menü beim MEDICALM4 Theme verringern
Verfasst: Mo 13. Sep 2021, 17:19
von inno
Vielen Dank! Funktioniert!
Viele Grüße