Offen Logo / Headerbereich überlappung mit Anmeldung etc.

einfachsusi74

Aktives Mitglied
13. Januar 2013
88
1
Huhu,
vielleicht ist das eine ganz banale einfach zu lösende Sache, nur ich finde es nicht.
Ich habe für meine Seite eine Logo erstellt welches den Headerbereich eigentlich komplett einnehmen sollte.
Leider ist es dann so das die Anmeldung dahinter ist und nicht mehr sichtbar, genauso wie der Warenkorb verschwunden oder angeschnitten ist.
Auch wenn ich den teil des Logos transparent mache, das gleiche Problem.
Lasse ich das Logo nur bis zu dem Bereich wo Anmeldung und Warenkorb sind, dann sieht das rechte Drittel des Headers wie gewollt und nicht gekonnt aus.
Ich möchte dort gerne zwei Logo Buttons für DHL und Paypal drin haben.

Wie kann ich das Problem lösen?

Wo finde ich die zu ändernde Stelle vielleicht in der Theme.css oder ist es ganz woanders zu ändern?
Ich verwende das Responsiv Theme.

Danke Euch :)

LG Susi
 

einfachsusi74

Aktives Mitglied
13. Januar 2013
88
1
AW: Logo / Headerbereich überlappung mit Anmeldung etc.

@ag-websulution... Sorry.. ich mache das nicht jedesmal. Jetzt hab ich es mal gemacht weil ich grad dran war und dachte vielleicht hat es der der es weiß grad nicht gesehen....

@Andreas ;) hey.. wir haben schonmal tel. wegen damals einen anderen großen Problem, erinnerst dich? :D

Also ich habe jetzt die Seite verändert in der gesamten Breite.
Im Theme ist ja eine bestimmte Breite vorgesehen, was mich generell eigentlich stört ist das die Shops alle nie die volle Bildschirmbreite nutzen. Das wollte ich ändern in dem ich die vorgestellte max weight von 1080px auf max 1440px. Dadurch war der Shop auf Vollbild qausi.
der Headerbereich, bzw. das Logo war 1250px.
Damit war der Warenkorb und der Anmeldebereich weg.
Also Logo kürzer und am Ende Transparent, hat nichts genutz für den Anmeldebereich.
Dadurch das die rechte ecke dann ziemlich kahl aus sah mußte ich überlegen und schauen. hab dann einen thread gefunden wo man ihn aus dem headerbereich entfernt und damit war das probl. in so fern gelöst, aber eben trotzdem merkwürdig wenn man ein transparentes teillogo macht das es trotzdem nicht klappte.
Nachdem ich dann von freunden hörte das auf dem einen älteren kleineren Bildschirm der Shop nicht ganz sichtbar ist und über Handy es erst recht furchtbar aussieht habe ich erstmal die gesamtbreite wieder auf standard geändert. wie es jetzt mit dem handy ist weiß ich noch nicht.
Nur ist es halt wieder so schmal bissl breiter könnte es schon sein, aber wie kriege ich es hin das man alles nutzen kann, eben auch den anmeldebutton und alles sehen kann und sich die seite je nach Bildschirm entsprechen anpasst?
Hier mal der screenshot wie es vorher war mit dem "vollbild" da kann ich ja keinen link schicken weil ist ja jetzt anders ;)
webseite-screensh.jpg

so und so sieht es jetzt im mom. aus, aber nur zur vorwarnung, ist noch nicht alles fertig, ist noch demoshop, muß nur noch authcode schicken.. :)
Meissel-Discount

Was lief falsch?
 

Anhänge

  • webseite-screensh.jpg
    webseite-screensh.jpg
    97,4 KB · Aufrufe: 19

matthfr

Gut bekanntes Mitglied
20. Januar 2011
327
2
AW: Logo / Headerbereich überlappung mit Anmeldung etc.

Moin moin,
ich habe das Gleiche Problem , und bin da grad dran.

Siehe:
http://t3.jtl-shop.de/jcarstensen/Startseite

Eigentlich wird das mit dem z-index in der Page.css geregelt....

#settings a.expander {
padding: 2px 0 2px 4px;
border: 4px solid transparent;
background: url('./images/expander-down.png') no-repeat center right;
z-index: 999;
padding-right: 14px;
}

#settings a.expander.active,
#settings a.expander:hover {
color: #555;
text-decoration: none;
border: 4px solid #f0f0f0;
background: #f0f0f0 url('./images/expander-down.png') no-repeat center right;
z-index: 999;
}

#settings .expander_box {
display: none;
border: 2px solid #f0f0f0;
background-color: #fff;
min-width: 240px;
padding: 8px;
position: absolute;
top: 26px; right: 0;
font-size: 1.2em;
z-index: 999;
margin: 0;
}

#settings .expander_box input[type="text"],
#settings .expander_box input[type="password"] {
width: 100%;
padding: 0.25em;
z-index: 999;
}

Das Logo hat z-index: 100
Somit müsste die Anmeldebox ÜBER dem Lopgo liegen...tut es aber nicht....

Hat da jemand einen Tip ??
 

matthfr

Gut bekanntes Mitglied
20. Januar 2011
327
2
AW: Logo / Headerbereich überlappung mit Anmeldung etc.

OK, Fehler gefunden...

im Ordner themes/responsive in der theme.css

#logo {
z-index: 100;
top: 10px;
}

dann passts ;)
 

Andreas Grambow

Sehr aktives Mitglied
5. August 2006
4.489
15
Dahlenburg / bei Lüneburg
AW: Logo / Headerbereich überlappung mit Anmeldung etc.

Bitte denkt dran alle Änderungen an .tpl über custom Dateien machen
also aus header.tpl wird header_custom.tpl

Die neue CSS im /themes/custom ablegen. sonst ist Eurer Theme beim nächsten Update Geschichte ;)
 
Du musst Dich einloggen oder registrieren um hier antworten zu können.
Top Bottom