Verwendung: Anpassung mobile Version

Michi Löffler's Avatar

Michi Löffler

07 Feb, 2019 01:23 PM

Produkt: Tao Contao
Contao-Version: 3.4.4
Browser und Browserversionen: IE, Safari, Firefox

Sehr geehrte Damen und Herren

Für die Website www.loeffler-web.ch/testungebung/bauspengler habe ich eine Lizenz gekauft und nun bei den Logoanpassungen, bei welchen Sie uns freundlicherweise auch geholfen haben, festgestellt, dass es auf der Mobileversion (iPad und iPhone) nicht schön dargestellt wird. Können Sie mir bitte mitteilen, welches css Teil angepasst werden muss oder was die saubere Lösung dazu wäre?

Vielen Dank und freundliche Grüße
Michi Löffler

  1. Support Staff 1 Posted by RockSolid Theme... on 08 Feb, 2019 06:53 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Um die Darstellung auf dem iPhone zu verändern können Sie z. B. folgenden CSS-Code einsetzen:

    @media screen and (max-width: 599px) {
        .logo {
            min-height: 5em;
        }
        .logo img {
            width: 70%;
            height: auto !important;
        }
    }
    

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