Fehler: Positionierung Sprachumschalter

Karl-Ludwig Grosch's Avatar

Karl-Ludwig Grosch

03 Jan, 2022 10:08 AM

Produkt: Tao Contao
Contao-Version: 4.9.22
Browser und Browserversionen: alle

Wir haben die kpl Webseite ins Englische übersetzt und in einem separaten Seitenbaum angelegt. Die Erweiterung Sprachenwechsler wurde installiert. Damit klappt das manuelle Umschalten zwischen den beiden Sprachen.
Es gelingt mir aber nicht, den "Umschalter" oben in die Kopfzeile zu platzieren. Einzig in der Hauptspalte einer 2-spaltigen Seite mit Tagline steht der Umschalter über dem Beginn der Spalte. Funktionell ist das ok aber es sieht nicht gut aus. Egal in welcher Position oder Reihenfolge ich das Modul im Seitenlayout einstelle, es liegt dann entweder hinter dem Logo oder aber in einer Extrazeile der obersten Kopfzeile.
In der mobilen Version ist der Sprachenwechsler nicht in der Navigation sichtbar.

  1. Support Staff 1 Posted by RockSolid Theme... on 04 Jan, 2022 09:25 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Bitte platzieren Sie den Sprachenwechsler direkt nach dem Modul „Header Links Left“. Eventuell sind danach noch CSS-Anpassungen nötig für die Positionierung. Via float: left; sollte sich der Sprachenwechsler jedoch direkt neben dem Link Berater-ID-Link platzieren.

  2. 2 Posted by Karl-Ludwig Gro... on 04 Jan, 2022 10:29 AM

    Karl-Ludwig Grosch's Avatar

    Vielen Dank für Ihre rasche und kompetente Hilfe. Habe es so gemacht und es
    funktioniert. Der Sprachenwechsler ist noch einen Tick (5px?) zu hoch. Was
    müßte ich im custom.css eintragen?
    In der mobilen Version auf dem iphone ist der Sprachenwechsler nicht zu
    sehen, was muß ich da noch anpassen? Der sollte ggf neben dem Hamburger
    stehen (bleiben).

    Mit freundlichen Grüßen
    Karl-Ludwig Grosch

  3. Support Staff 3 Posted by RockSolid Theme... on 05 Jan, 2022 02:00 PM

    RockSolid Themes's Avatar

    Der Sprachenwechsler ist noch einen Tick (5px?) zu hoch. Was müßte ich im custom.css eintragen?

    Mit folgendem CSS-Code sollte sich die Ausrichtung korrigieren lassen:

    .mod_changelanguage {
        padding: 0.61538em 0;
    }
    .mod_changelanguage ul {
        margin: 0;
    }
    

    In der mobilen Version auf dem iphone ist der Sprachenwechsler nicht zu sehen, was muß ich da noch anpassen?

    Platzieren Sie dafür bitte in den Layouteinstellungen das Sprachenwechsler-Modul ein zweites mal zwischen den Modulen „~ Mobile Navigation Begin“ und „~ Mobile Navigation End“.

  4. 4 Posted by Karl-Ludwig Gro... on 05 Jan, 2022 04:13 PM

    Karl-Ludwig Grosch's Avatar

    Hallo,

    das hat alles geklappt, ich bin begeistert. Ganz vielen Dank für Ihre
    Unterstützung, ich weiß das zu schätzen. Sie haben wirklich einen
    Super-Support!!!

    Mit freundlichen Grüßen
    Karl-Ludwig Grosch

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac