Bede Fragen kann ich dir mit jeweils "nein" beantworten.
Eventuell wohl per CSS z.B.:
.burger-menu-button .box {
display: none;
}
.burger-menu-button:after {
font-family:"Font Awesome 6 Free" ;
content: '\f022';
font-size: xx-large;
}
.d-flex.justify-content-end.ms-4.offcanvas-button.offcanvasRight {
padding-right: 1rem;
padding-top: 5rem;
}Kleiner Fehler oben daher nun mit dem korrekten ::after-Selektor und noch ein wenig mehr CSS z.B.:
.burger-menu-button .box {
display: none;
}
.burger-menu-button::after {
font-family:"Font Awesome 6 Free" ;
content: '\f022';
font-size: xx-large;
position: relative;
top: -0.8rem;
right: 0.3rem;
}
.d-flex.justify-content-end.ms-4.offcanvas-button.offcanvasRight {
padding-right: 0.5rem;
padding-top: 5rem;
}GoGy, wenn du ein "Hamburger Bild" bevorzugst, dann kannst du folgenden Code unter "Custom CSS" in deinem Astroid Template einfügen.
Es sieht dann so aus:
Hier der Code:
.burger-menu-button .box {
display: none;
}
.burger-menu-button::after {
font-family:"Font Awesome 6 Free" ;
content: "\f0c9";
font-weight: 900;
font-size: xx-large;
position: relative;
top: -0.8rem;
right: 0.3rem;
}
.d-flex.justify-content-end.ms-4.offcanvas-button.offcanvasRight {
padding-right: 0.5rem;
padding-top: 5rem;
}Ich habe es so verstanden, dass der TE ein Lösung sucht, um in den Astroid Template-Optionen die Wünsche per Mausklick zu realisieren.
In diesem Fall geht es nicht (...noch nicht).
Ob die hier genannten CSS Codes auch nach den bevorstehenden Astroid Updates noch greifen ist nicht sichergestellt.
Bezüglich #1 habe ich es nicht verstanden:
- Das kmh-Logo verdeckt die Überschrift:
- In der mittleren mobilen Ansicht wird gar kein Menü angezeigt:
- Und hier sehe ich nicht das Hamburger-Menü unter dem Logo:
Vielleicht habe ich es auch falsch verstanden.