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:
Bavcab 5px padding.JPG


Hier die Original-Class im "Code Editor" (markiert):
Class nav-item.JPG

Re: Abstände im Menü beim MEDICALM4 Theme verringern

Verfasst: Mo 13. Sep 2021, 17:19
von inno
Vielen Dank! Funktioniert!
Viele Grüße :)