Problem:
Der Kunde möchte den Sprachumschalter (Language Switcher) in der mobilen Ansicht Inline darstellen, ohne zwei separate Menüeinträge zu haben.
Lösung:
Wir empfehlen folgendes CSS, um den Sprachumschalter im mobilen Menü anzupassen:
/*
Styles for mobile menu language selector
Adjusts layout and spacing for small screens (max-width: 768px)
*/
@media (max-width: 768px) {
/* Flex layout for language selector items */
#ast-hf-mobile-menu .wpml-ls-item {
display: flex;
width: auto;
box-sizing: border-box; /* Include padding and border in the width */
text-align: left; /* Align text to the left */
}
/* Remove padding from menu links */
#ast-hf-mobile-menu .wpml-ls-item-de a.menu-link {
padding: 0; /* Remove default padding */
}
}
Bitte beachten Sie, dass dies eine benutzerdefinierte Lösung ist. Wenn Sie weitere Hilfe benötigen, können Sie unsere WPML-Vertragspartner kontaktieren.
Die Lösung könnte irrelevant sein, entweder weil sie veraltet ist oder nicht auf Ihr Problem zutrifft. Wir empfehlen Ihnen, die Seite mit bekannten Problemen zu überprüfen, die Version der dauerhaften Lösung zu verifizieren und zu bestätigen, dass Sie die neuesten Versionen von Themes und Plugins installiert haben. Sollte dies nicht zutreffen, öffnen Sie bitte ein neues Support-Ticket im WPML-Support-Forum.
