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. ...
    • Inhalt der Template-Zip-Datei

       Die heruntergeladene Template ZIP-Datei enthält folgende Ordnerstruktur: /Installation /Blueprints/ /Plugins/ /Sprache/ /Templates TemplateName.zip MyTemplateName.zip /Sprache eng_xxx.slf ger_xxx.slf Ordner: Installation Dieser Ordner beinhaltet ...
    • Remake-Template (JTL-Shop 5) - Changelog

      Aktuelle Updates zum Remake JTL5-Template, https://www.themeart.de/Remake-JTL-Shop-Template Version 1.0.8 Diese Version ist ein Meilenstein. Wir haben besonders viel Wert auf Innovation, Benutzerfreundlichkeit und technische Perfektion gelegt. Vielen ...