Logo zentrieren in der mobilen Ansicht

Logo zentrieren in der mobilen Ansicht


Um dein Shoplogo im Header in der mobilen Ansicht mittig zu platzieren, füge diesen CSS-Code in deine < bootstrap.css> unter /templates/FlatChild/themes/DEIN-THEME/ ein:
  1. @media (max-width: 480px) {
  2. #logo a img {
  3. display: block;
  4. margin-left: auto;
  5. margin-right: auto;
  6. }
  7. }
    • Related Articles

    • Der Schrift in der mobilen Version ist viel zu klein

      Wir haben in Templates eine responsive Schriftgröße eingeführt, d.h. man kann die Schriftgröße individuell je nach Geräteklasse einstellen. Dabei wird zwischen drei Geräteklassen unterschieden: XS - Smartphones SM - Tablets LG - Desktop So kannst du ...
    • Größe des Shoplogos einstellbar

      Du hast die Möglichkeit im Template die Größe deines Shoplogos individuell einzustellen.Nutze diese Einstellung, wenn dein Logo im Shop zu klein angezeigt wird. Beachte jedoch beim Hochladen des Logos, dieses muss in der Auflösung nicht größer als ...
    • Topbar in der mobilen-Version anzeigen lassen

      Nachfolgend eine Anleitung, wie man im Template in der mobilen Version die Topbar bzw. den Topbar-Hinweis anzeigen lassen kann.  Eine neue Header-Vorlage anlegen Erstelle im Child-Template eine neue Vorlage namens "header.tpl" mit folgendem Inhalt. ...
    • Remake-Template - Changelog

      Aktuelle Updates zum Remake JTL5-Template, https://www.themeart.de/Remake-JTL-Shop-Template Version 1.2.2 Update auf JTL-Shop 5.5.3 Autom. Breite der Variationen in der Listen-Ansicht hinzugefügt Autom. Breite der Merkmale in der Galerie-Ansicht ...
    • Remake - Funktionen und Einrichtung

      Bevor du mit der Einrichtung des Templates startest, bitte diese Schritte abarbeiten. Bitte versuche alle Artikel nacheinander abzuarbeiten, damit keine Fragen mehr offen bleiben. Das Template im Shop ansehen Schnellstart So installierst du das ...