Logo nur für mobile Ansicht

Thema wurde von tamarakrempler, 6. Dezember 2016 erstellt.

  1. tamarakrempler

    tamarakrempler Mitglied

    Registriert seit:
    12. Januar 2016
    Beiträge:
    16
    Danke erhalten:
    0
    Danke vergeben:
    1
    Hi :)

    Da ich einen Banner im Header verwende, würde ich das Logo gerne nur in der mobilen Ansicht verwenden. Im Style Edit gibt es die Option "Logo im Header ausblenden" was auch das gewünschte Ergebnis bringt. Nur wenn ich diese Option wähle, verschiebt sich mein Suchfeld und der Warenkorb nach links. Ich schätze das mit der Auswahl die "Box" komplett entfernt wird und dies der Grund dafür ist ?!

    Wie bekomme ich die anderen "Boxen" wieder zur Ursprünglichen Position zurück ohne das Logo für den Header wieder einblenden zu müssen ? Gibt es eine Möglichkeit, dass Logo für den Desktop auszublenden und nur in der mobilen Version anzeigen zu lassen ?

    Vielen Dank für Eure Hilfe/Zeit.

    www.pyf-shop.at
     
  2. Cyrus (LeGong)

    Cyrus (LeGong) Erfahrener Benutzer

    Registriert seit:
    21. Dezember 2011
    Beiträge:
    1.432
    Danke erhalten:
    342
    Danke vergeben:
    176
    #2 Cyrus (LeGong), 6. Dezember 2016
    Zuletzt bearbeitet: 6. Dezember 2016
    Du muss als aller erste das Logo im Adminbereich hochladen. Nun kannst du über eine USERMOD.css-Datei für bestimmte Bildschirmgroßen, das Logo deaktivieren. Dafür legst du eine CSS-Datei in dem Ordner "../templates/Honeygrid/usermod/css/DEINE_DATEI_NAME.css" an.
    Code:
    @media (min-width: 767px) {
      .navbar-brand {
        display: none;
      }
    }
    
    Das musste funktionieren. Wenn nicht kannst du die CSS-Datei wieder löschen.
     
  3. tamarakrempler

    tamarakrempler Mitglied

    Registriert seit:
    12. Januar 2016
    Beiträge:
    16
    Danke erhalten:
    0
    Danke vergeben:
    1
    Das Logo wird zwar ausgeblendet aber Suchfeld und Warenkorb rücken trotzdem nach links.

    Trotzdem danke.
     
  4. bt012ss

    bt012ss Erfahrener Benutzer

    Registriert seit:
    18. März 2012
    Beiträge:
    984
    Danke erhalten:
    281
    Danke vergeben:
    156
    Nabend Cyros, den Code hatte ich eben schon probiert.
    Das läuft auf das gleiche Ergebnis hinaus wie "Logo im Header ausblenden".
    Alles was rechts steht wird nach links verschoben, zumindest bei mir.

    Meine Lösung wäre oder ist ->
    Die Gridspalten für das Logo bei "Groß" und "Medium" auf 0 setzen, die Gridspalten für die "Suche" und den "Warenkorb" dementsprechend anpassen.
    Die Gridspalten "Klein" lassen wie sie sind, dann funktioniert es bei mir so wie sie es gerne hätte..
     
  5. Cyrus (LeGong)

    Cyrus (LeGong) Erfahrener Benutzer

    Registriert seit:
    21. Dezember 2011
    Beiträge:
    1.432
    Danke erhalten:
    342
    Danke vergeben:
    176
    Schön guten Abend bt012ss,
    komischerweise es funktioniert bei mir! Allerdings LOKAL. Ich werde es gleich auf dem Server ausprobieren.
     
  6. Cyrus (LeGong)

    Cyrus (LeGong) Erfahrener Benutzer

    Registriert seit:
    21. Dezember 2011
    Beiträge:
    1.432
    Danke erhalten:
    342
    Danke vergeben:
    176
  7. tamarakrempler

    tamarakrempler Mitglied

    Registriert seit:
    12. Januar 2016
    Beiträge:
    16
    Danke erhalten:
    0
    Danke vergeben:
    1
    Die Grid Spalten lassen sich nur auf 1 setzen und wenn ich die Suche danach anpasse, wird diese nicht versetzt sondern in die Länge gezogen.

    Hm ?
     
  8. bt012ss

    bt012ss Erfahrener Benutzer

    Registriert seit:
    18. März 2012
    Beiträge:
    984
    Danke erhalten:
    281
    Danke vergeben:
    156
    Jeder Jeck (Server/Rechner) ist anders :)
    Die Idee mit dem Code hatte ich ja auch, ohne Erfolg leider.
     
  9. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Man könnte das auch mit einem Hintergrundbild für Mobile lösen und ein transparentes Logo hochladen.
     
  10. bt012ss

    bt012ss Erfahrener Benutzer

    Registriert seit:
    18. März 2012
    Beiträge:
    984
    Danke erhalten:
    281
    Danke vergeben:
    156
    Gridspalten gehen auch mit "0"

    gambio49.jpg
     
  11. tamarakrempler

    tamarakrempler Mitglied

    Registriert seit:
    12. Januar 2016
    Beiträge:
    16
    Danke erhalten:
    0
    Danke vergeben:
    1
    Da würde einfach nur ein mobiler Banner reichen, da ich im Admin Bereich einfach nur bei "Datei verwenden" auf aus klicken müsste. Das Logo wird so halt nur perfekt positioniert und darum dachte ich das es vielleicht eine Lösung gäbe
     
  12. tamarakrempler

    tamarakrempler Mitglied

    Registriert seit:
    12. Januar 2016
    Beiträge:
    16
    Danke erhalten:
    0
    Danke vergeben:
    1
    Komisch
     

    Anhänge:

  13. tamarakrempler

    tamarakrempler Mitglied

    Registriert seit:
    12. Januar 2016
    Beiträge:
    16
    Danke erhalten:
    0
    Danke vergeben:
    1
    Wird mir wohl oder übel nicht erspart bleiben einen Header zu erstellen
     
  14. tamarakrempler

    tamarakrempler Mitglied

    Registriert seit:
    12. Januar 2016
    Beiträge:
    16
    Danke erhalten:
    0
    Danke vergeben:
    1
    Hab anscheinend die Updates wieder verschlafen. Werde die mal angehen. Danke vorerst mal
     
  15. Christian Mueller

    Christian Mueller Beta-Held

    Registriert seit:
    4. Juli 2011
    Beiträge:
    3.675
    Danke erhalten:
    878
    Danke vergeben:
    288
    Es wäre grundsätzlich schön, wenn man für den Mobile-Modus optional ein anderes Logo im Adminbereich hinterlegen könnte. Egal ob in der Logoverwaltung oder im Styleeditor oder womöglich an beiden Orten. Oft ist das große Logo nicht für die Mobile Ansicht geeignet weil es einfach zu klein skaliert wird.
     
  16. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Deshalb habe ich in einem Test-Projekt (lokal) statt dem Logo ein Hintergrundbild über den SE hochgeladen.
    Das kannst Du für PC , Stickiy und Mobile getrennt hochladen.
    Dann einfach ein Dummy -Bild als Logo nehmen (einfach ein leeres, transparentes .png) und die Gridspalten brauchen nicht geändert werden.
     
  17. xXcincXx

    xXcincXx Erfahrener Benutzer

    Registriert seit:
    27. Juli 2016
    Beiträge:
    55
    Danke erhalten:
    1
    Danke vergeben:
    8
    Hab jetzt erst bemerkt, dass ich mit dem falschen Account gepostet habe -.-

    Ich werde jetzt auch diese Variante wählen Barbara, denn die Lösung mit den Grids auf 0 etc. setzen funktioniert bei mir überhaupt nicht. Ich poste das Resultat wenn ich fertig bin, um den Thread mit einem Ergebnis abzuschliessen.

    Danke für die Hilfe an alle Teilnehmer.
     
  18. xXcincXx

    xXcincXx Erfahrener Benutzer

    Registriert seit:
    27. Juli 2016
    Beiträge:
    55
    Danke erhalten:
    1
    Danke vergeben:
    8
    Logo wurde im Gambio Admin deaktiviert und habe für die mobile Ansicht einfach einen eigenen Banner erstellt. Im Prinzip eine einfache Lösung.

    Wie Christian oben schon erwähnt hat wäre es von Vorteil, für die mobile Ansicht optional ein anderes Logo verwenden zu können, vor allem wenn man sich bei der Desktop Ansicht für ein Header Bild entscheidet. Nicht jeder hat jetzt mal schnell Photoshop oder dergleichen zur Hand. Wie auch immer, danke nochmal an alle.

    Wünsche eine Gn8, Thomas
    screen01.png screen02.png
     
  19. bt012ss

    bt012ss Erfahrener Benutzer

    Registriert seit:
    18. März 2012
    Beiträge:
    984
    Danke erhalten:
    281
    Danke vergeben:
    156
    Prima :)
    Mich würde trotzdem interessieren wieso du deine Gridspalten nicht auf 0 setzen kannst.
    Was für eine Version fährst du?
     
  20. xXcincXx

    xXcincXx Erfahrener Benutzer

    Registriert seit:
    27. Juli 2016
    Beiträge:
    55
    Danke erhalten:
    1
    Danke vergeben:
    8
    Hatte noch ein Update ausstehen ;)