Style Edit 3 Header einstellen

Thema wurde von xXcincXx, 27. Juli 2016 erstellt.

  1. xXcincXx

    xXcincXx Erfahrener Benutzer

    Registriert seit:
    27. Juli 2016
    Beiträge:
    55
    Danke erhalten:
    1
    Danke vergeben:
    8
    Kann ich den Header mittels Style Edit einstellen oder nur per CSS.
    Ja ich habe die Header Größe per Style Edit eingestellt, erzielt aber nicht das gewünschte Ergebniss da nur der Bereich unter der Navigationsleiste vergrößert wird.

    Würde den Bereich, siehe Bild, gerne etwas nach unter verschieben.

    Danke, LG.
     

    Anhänge:

  2. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Hallo,

    Du musst nciht nur den Header, sondern die einzelnen Bereiche (Logo, Suche, Freitext,Warenkorb) höher machen.
    Wenn Du ein Fixierten Header hast, auch für die Stickie (fixierte)-Version.

    Bei Style-Fragen gilt ansonsten: Link zum Shop, da man auf einem Bild nciht den Style / das css dahinter sehen kann.
     
  3. xXcincXx

    xXcincXx Erfahrener Benutzer

    Registriert seit:
    27. Juli 2016
    Beiträge:
    55
    Danke erhalten:
    1
    Danke vergeben:
    8
    Vielen Dank @barbara - versuche es sofort.

    Werde eine Signatur anlegen.
     
  4. xXcincXx

    xXcincXx Erfahrener Benutzer

    Registriert seit:
    27. Juli 2016
    Beiträge:
    55
    Danke erhalten:
    1
    Danke vergeben:
    8
    #4 xXcincXx, 27. Juli 2016
    Zuletzt bearbeitet: 27. Juli 2016
    @barbara

    Ich lasse nun das Logo und freien Bereich weg und möchte es über einen Banner lösen. Schaffe es aber nicht die Menüleiste nach unten zu setzen.


    www.pyf-shop.at
     
  5. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Test das mal, muss aber vielleicht noch auf die verschiedenen Bildschirme angepasst werden.

    Code:
    #header .inside{
    height: 220px;
    }
    #wrapper #main .main-inside{
    padding-top: 65px;
    }
     
  6. xXcincXx

    xXcincXx Erfahrener Benutzer

    Registriert seit:
    27. Juli 2016
    Beiträge:
    55
    Danke erhalten:
    1
    Danke vergeben:
    8
    Danke dir, sieht gut aus. Im Sticky wird nun auch der Banner angezeigt ohne das es eingestellt wurde, kann man das ändern ?
     
  7. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Das sollte gehen:

    Code:
    @media (min-width: 768px){
    #header.sticky {
        background-image: none;
    }}
     
  8. xXcincXx

    xXcincXx Erfahrener Benutzer

    Registriert seit:
    27. Juli 2016
    Beiträge:
    55
    Danke erhalten:
    1
    Danke vergeben:
    8
  9. xXcincXx

    xXcincXx Erfahrener Benutzer

    Registriert seit:
    27. Juli 2016
    Beiträge:
    55
    Danke erhalten:
    1
    Danke vergeben:
    8
    Wie kann man eigentlich per Style Edit das Suchfeld und den Warenkorb ausrichten ? Wenn ich die Suche etwas nach unten setzen möchte, verschiebt sich automatisch das Menü mit nach unten. Von links oder rechts ausrichten gibt es gar keine Möglichkeit.

    Alles nur mit CSS machbar ?
     
  10. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    20. Mai 2016
    Beiträge:
    307
    Danke erhalten:
    34
    Danke vergeben:
    103
    Nee ,leider nur mit dem Grid System... :(
    Stell Dir gedanklich die Header-Breite in 12 Feldern vor.
    Du musst die einzelnen Bereiche aufteilen.
     
  11. xXcincXx

    xXcincXx Erfahrener Benutzer

    Registriert seit:
    27. Juli 2016
    Beiträge:
    55
    Danke erhalten:
    1
    Danke vergeben:
    8
    Nicht mal da geht es sich ganz aus. Hätte den Warenkorb gerne hier und das Suchfeld hier.

    pyf-shop.at
     

    Anhänge:

    • pic1.jpg
      pic1.jpg
      Dateigröße:
      343,8 KB
      Aufrufe:
      93
  12. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    20. Mai 2016
    Beiträge:
    307
    Danke erhalten:
    34
    Danke vergeben:
    103
    Du kannst den Abstand des Suchefeldes und des kleinen Warenkorbes zum oberen Rand einstellen.

    Schau mal hier --> (Link nur für registrierte Nutzer sichtbar.)
    Da müsste es beschrieben sein.

    Ich bin aber selbst auch nicht so firm in der Gstaltung des Headers.
    Finde es auch recht umständlich. Klappt eher nach der Try&Error-Methode...:confused:
     
  13. xXcincXx

    xXcincXx Erfahrener Benutzer

    Registriert seit:
    27. Juli 2016
    Beiträge:
    55
    Danke erhalten:
    1
    Danke vergeben:
    8
    Hehe, so ähnlich war mein Gedanke. Danke auf jeden Fall =)
     
  14. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Wenn Du Chrome als Browser hast, dann gehe mal auf Untersuchen (F12)
    In anderen Browsern geht das vielleicht auch, weiß ich aber nciht sicher.
    Da kannst Du Dir die css-Codes ansehen und z.B. mit margin-top oder padding-top experimentieren.
    Wenn es passt überträgst Du den Code mit der Bereichsüberschrift in das css des Style Editors oder in Deine eigene css-Datei.
     
  15. xXcincXx

    xXcincXx Erfahrener Benutzer

    Registriert seit:
    27. Juli 2016
    Beiträge:
    55
    Danke erhalten:
    1
    Danke vergeben:
    8
    Danke Barbara !