Button (Mobilversion) wird fehlerhaft dargestellt

  • Layout: Dokumentation Responsive

    Mobil Buttonfarbe gelb / Iconfarbe schwarz gesetzt

    Problem: Seit Tagen wird nur noch die Iconfarbe gelb (mobil) angezeigt und die schwarzen Striche darin (in der Mobilversion sonst üblicherweise zu sehen) fehlen. Superdeal24 bitte mobil aufrufen; Button oben rechts;

  • Salut Mehler

    Ich habe nur kurz geguckt. Doch eventuell kann es daran leigen...

    Code
            <script type="text/javascript">
    .iframe-container {  overflow: hidden;  padding-top: 56.25%;  position: relative;
    } .iframe-container iframe {   border: 0;   height: 100%;   left: 0;   position: absolute;   top: 0;   width: 100%;
    } /* 4x3 Aspect Ratio */
    .iframe-container-4x3 {  padding-top: 75%;
    }
    </script>

    ... Das ist kein "script". Sondern "style" und ich gehe mal davon aus, dass dieser Code von Dir eingefügt wurde, was durchaus zu Fehldartellungen führen könnte.

    Ersetze den bestehend Code durch...

    Code
    <style>
    .iframe-container {  overflow: hidden;  padding-top: 56.25%;  position: relative;
    } .iframe-container iframe {   border: 0;   height: 100%;   left: 0;   position: absolute;   top: 0;   width: 100%;
    } /* 4x3 Aspect Ratio */
    .iframe-container-4x3 {  padding-top: 75%;
    }
    </style>

    ... und schau mal, was geschieht...

    Ich wünsche Dir gute Tage und grüsse Dich

    elch

    Zeta Producer 17.x - Express

    Website, zu einer nicht primär gewinnorientierten und/oder ernst zu nehmenden Nebentätigkeit: Heubeere.ch ;)
    (PS: "ß" gibt es nicht - und kann ich nicht. Sorry!)

  • Hallo Mehler,

    Lege mal bitte ein neues Projekt mit dem gleichen Layout an und ändere dort nur die Farben für das mobile Menü. Mache dann eine Veröffentlichung auf dem Testserver von Zeta und prüfe, ob sich der Button dort ebenso verhält.

    Wenn ja, könnte das Problem im Layout liegen, Ansonsten sind es entweder andere Layouteinstellungen, die Du im Fehlerprojekt geändert hast oder doch ein Quellcode, der dazwischenfunkt. Bitte poste dann noch einen Link zur Testveröffentlichung, damit sich das der Support live ansehen kann.

  • Hallo Thomas,

    das Layout heißt Dokumentation Responsive. Ich habe eine Seite (Inhalt Ärztethema aus den Layoutvorlagen) erstellt und mir danach die mobile Vorschau angesehen. Dort ist das Icon richtig dargestellt. Wie geht das denn jetzt weiter? Im Kundenprojekt ist es halt weiterhin fehlerhaft.

  • Hallo Mehler

    Da stimmen die CSS-Klassen des Button-Icons nicht.

    Falsch: <i class="icon-reorder icon-large">

    Richtig: <i class="fa fa-bars fa-lg" aria-hidden="true">

    Die Angaben kommen aber direkt aus dem Layout.

    Das verwendete Layout wurde also nicht aktualisiert.

    Nutzen Sie evtl. ein kopiertes Layout?

    Freundliche Grüße
    Steffen T. (Zeta Producer-Support)

  • Schon. Es funktionierte jedoch bis zum Update auf eine neue Version. An welcher Stelle, wie komme ich dahin, kann ich den Code ändern? Richtig: <i class="fa fa-bars fa-lg" aria-hidden="true">[/tt]

  • Das kann gut sein. In der letzten Version haben wir technisch auch was die Icons betrifft einiges geändert.

    Daher wurde das Basis-Layout auch entsprechend aktualisiert.

    Kopierte Layouts sind aber von den Basis-Layouts getrennt und können daher nicht aktualisiert werden.

    Der Code steht vermutlich irgendwo in der Datei "default.html".

    Ich würde Ihnen aber eher empfehlen wieder zurück auf das Basis-Layout zu wechseln.

    Freundliche Grüße
    Steffen T. (Zeta Producer-Support)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!