Abstände im Menü beim MEDICALM4 Theme verringern

Allgemeine Fragen
inno
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 293
Registriert: Do 17. Dez 2020, 11:59

Abstände im Menü beim MEDICALM4 Theme verringern

Ungelesener Beitrag 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
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5743
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

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

Ungelesener Beitrag 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
inno
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 293
Registriert: Do 17. Dez 2020, 11:59

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

Ungelesener Beitrag von inno »

Vielen Dank! Funktioniert!
Viele Grüße :)
Antworten

Wer ist online?

Mitglieder in diesem Forum: Ahrefs [Bot] und 25 Gäste