Fehler: Menuleiste bei Darstellung auf ipad fehlerhaft

Karl-Ludwig Grosch's Avatar

Karl-Ludwig Grosch

19 Mar, 2018 08:00 AM

Produkt: Tao Contao
Contao-Version: 4.4.14
Browser und Browserversionen: ipad ios 11.2.6

Baue gerade eine Seite mit TAO auf. Die Menuzeile (Horizontal-Navi im Sticky Header) wird auf dem Desktop korrekt angezeigt, auf dem iphone übernimmt das der Hamburger. Auf dem ipad (Tablet) ist die Navi im querformatigen Modus unbrauchbar, da sie links über dem Logo liegt, welches auf die Startseite verlinkt. Daher Funktion der Menuleiste eingeschränkt, Seite sieht so unprofessionell aus. Was ist zu run?

  1. Support Staff 1 Posted by RockSolid Theme... on 19 Mar, 2018 01:31 PM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Die Navigationspunkte Ihrer Seite sind sehr lange, wodurch die Navigation nicht wie vorgesehen Platz hat.

    Bitte fügen Sie folgenden CSS-Code in die Datei files/tao/css/custom.css ein, damit sollte sich die Darstellung verbessern lassen:

    .main-navigation {
        margin-right: 0;
    }
    @media screen and (max-width: 1280px) {
        .main-navigation > ul > li > a,
        .main-navigation > ul > li > strong,
        .main-navigation > ul > li > span.active,
        .main-navigation > ul > li > span.trail,
        .main-navigation > ul > li > span.forward {
            padding-right: 0.3em;
            padding-left: 0.3em;
        }
    }
    @media screen and (max-width: 900px) {
        .main-navigation > ul > li > a,
        .main-navigation > ul > li > strong,
        .main-navigation > ul > li > span.active,
        .main-navigation > ul > li > span.trail,
        .main-navigation > ul > li > span.forward {
            padding-right: 1em;
            padding-left: 1em;
        }
    }
    
  2. 2 Posted by Karl-Ludwig Gro... on 19 Mar, 2018 02:06 PM

    Karl-Ludwig Grosch's Avatar

    SUPER!
    Klappte auf Anhieb, ganz herzlichen Dank!!!!!

Reply to this discussion

Internal reply

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

Attaching KB article:

»

Already uploaded files

  • menu_verrutscht_auf_ipad.jpg 225 KB

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