Das Menü wird durch das von dir genutzte kommerzielle Theme „Church“ bereitgestellt. Zu kommerziellen Produkten können wir hier im Forum keine Antworten geben. Du müsstest dich bitte an deren Support wenden: https://cms.cheye.ch/
Alternativ dazu kannst du auch mit individuellem CSS arbeiten, das hier müsste für etwas Abstand sorgen:
@media (min-width: 992px) {
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem;
}
}
Das stammt übrigens aus der Demo des Themes: https://theme.visualmodo.com/church/
Ob das aber ausreichend ist, kann ich nicht beurteilen da ich keinen Zugriff auf das Theme habe.
@laporty
Ich sehe, dass der Code vorhanden ist, dieser aber nur bei den Menüpunkten ohne Untermenü greift.
Der nachfolgende Code funktioniert auch bei den Menüpunkten mit Untermenü (der obige Code muss zuvor gelöscht werden):
@media (min-width: 992px) {
ul#main-menu.navbar-nav li a {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
}
CSS-Code kann man
1.) Wenn kein Child-Theme vorhanden ist
im WordPress-Backend >> Design >> Customizer >> zusätzliches CSS (ganz ans Ende in einer neuen Zeile) einfügen.
Abgekürzter Weg -> (dein-domainname.de/wp-admin/customize.php), also:
/wp-admin/customize.php an deine Domain anhängen >>, aufrufen und dann auf zusätzliches CSS klicken, das funktioniert auch (noch?), wenn du unter dem Menüpunkt Design kein „Customizer“ mehr findest.
2.) Wenn du ein Child-Theme verwendest,
dann trage stattdessen den CSS-Code in die Datei style.css ganz ans Ende in einer neuen Zeile ein.
Nach dem Abspeichern musst du den Browsercache leeren, drücke dafür CTRL (STRG) + SHIFT + Entf gleichzeitig, dadurch wird in den gängigen Browsern ein Fenster zum Löschen geöffnet (weitere Hilfe dazu). Auf einem Smartphone musst du natürlich den Browser-Cache anders entfernen.
Solltest du ein Cache-Plugin installiert haben, leere auch diesen Cache. Nun teste auf der Seite, ob du eine Änderung siehst.
Fantastisch, vielen Dank.
Gerne 🙂 und danke für die Rückmeldung 👍
