Neu Shoplogo Handyansicht

[Sirius]

Hallo,
ich habe unseren Shop www.sirius-kontor.de ein wenig umgestellt. Das Logo wurde auch verschoben. Leider wird es auf dem Handy nicht richtig angezeigt. Das Logo ist mittig und das "Such-Feld" darüber. Ich habe mich jetzt schon durch das Forum gelesen und finde nichts. Wir benutzen das Evo-406 und ich habe einiges im costum.css geändert.
Für das Logo habe ich folgendes eingegeben:

#logo a img {
max-height: 200px;
width: auto;
}
#logo a img {
left: 100px;
width: auto;
}
#logo a img {
top: -80px;
position: absolute;
}


Am Desktop wird es super angezeigt, nur auf dem Handy nicht. Vielleicht kann mir ja jemand weiter helfen


Vielleicht kann mir noch eine weitere Frage beantwortet werden:

ich würde gerne die Unterkategorien, die jetzt blau sind, in schwarz ändern. Ich finde nur nichts.

Vielen Dank.​

 

[tb_matze]

Moin,
ist dein Template auf responsiv Darstellung umgestellt? Denn erst wenn das Template auf responsiv eingestellt ist, werden Grafiken und Boxen automatisch auf das jeweilige Anzeigegerät eingestellt. Wenn Dein Template das responsiv nicht hat, dann muss Du per CSS das selber nach pflegen. Dazu muss Du einiges an Handarbeit leisten.

Sehr gut geht es mit Bootstrap. Der Name sollte Dir ein Begriff sein.. Hier findest Du gute Erklärungen dazu : http://holdirbootstrap.de/css/#top

Aber dein Webshop ist Responsiv angelegt. Und dein Logo wird gut angezeigt. Was da nicht stimmt ist, das die Suche über dein Logo liegt. Denkmal das ist eine CSS Sache. Nur Dein Bild unter Willkommen ist nicht responsiv eingefügt.

 

[Sirius]

Guten Morgen,

vielen Dank für deine Antwort.

Leider bin ich Anfänger und versuche mich gerade durch alles zu lesen um die Computersprache zu verstehen

Danke dir.

 

[tb_matze]

Moin,
wenn Du Hilfe gebrauchst, dann schreib einfach ...

 

[Sirius]

Also, wenn du direkt eine Idee hast, wo ich was eintragen muss, dann bin ich nicht abgeneigt

 

[tb_matze]

Ja, dazu müsste ich mir mit etwas Zeit deinen Quellcode vom Shop angucken um genaueres Dir da zu sagen, wo Du was eingeben muss. Mal kurz gefragt, hast Du Anfängerkenntnisse von CSS und HTML? Denn die Änderungen müssten in einigen verschiedenen Template-Dateien erfolgen.
Sonst Vorschlag von meiner Seits .. einfach heut Abend teln oder schreiben, da ich nun selber auf Arbeit bin...

 

[Sirius]

Danke, dass ist lieb von dir.
Ich selber bin nur bis 16 Uhr in der Firma. Dann gerne schreiben. Gibt es eventuell etwas, was ich einfach in custom.css schreiben kann. Dort habe ich alle Änderungen rein geschrieben.

 

[tb_matze]

Für das Bild auf deiner Startseite, füge bitte folgenden ein: class="img-responsive"
<img alt="" src="/mediafiles/Bilder/_DSC0815.JPG" style="width: 400px; height: 602px;"> <--- So steht es im Shop jetzt
geändert:
<img title="Sirus-Warenhandelskontor" alt="Sirus - Warenhandelskontor" src="/mediafiles/Bilder/_DSC0815.JPG" class="img-responsiv" >
Damit sollte sich dann dein Bild auch auf dem Handy anpassen.

das "alt"-Tag ist wichtig, da Google das ausliest. Auch wenn ein Bild mal nicht geladen wird, dann steht da der ALT-Tag Inhalt.
das "title"-Tag kannst Du als Info-Box benutzen. Wenn Du mit der Maus über das Bild fährst, erscheint somit der Title an der Maus.

 

[Sirius]

Ok.

ich habe das jetzt mal eingetragen. Aber auf meinem Handy ändert sich nichts.

 

[tb_matze]

Das was Du da geändert hast das war für das große Bild .. Wo hast Du da was eingetragen? Sehe nichts...

 

[Sirius]

Sollte ich das nicht im custom.css eintragen ?

Tut mir echt leid. Bin eigentlich nur zufällig die, die das einstellt. Ahnung habe ich davon nicht

 

[tb_matze]

Nein das hättest Du direkt beim Bild eintragen müssen ... hatte ich doch auch geschrieben...

 

[tb_matze]

Hallo,
ich habe unseren Shop www.sirius-kontor.de ein wenig umgestellt. Das Logo wurde auch verschoben. Leider wird es auf dem Handy nicht richtig angezeigt. Das Logo ist mittig und das "Such-Feld" darüber. Ich habe mich jetzt schon durch das Forum gelesen und finde nichts. Wir benutzen das Evo-406 und ich habe einiges im costum.css geändert.
Für das Logo habe ich folgendes eingegeben:

#logo a img {
max-height: 200px;
width: auto;
}
#logo a img {
left: 100px;
width: auto;
}
#logo a img {
top: -80px;
position: absolute;
}


Am Desktop wird es super angezeigt, nur auf dem Handy nicht. Vielleicht kann mir ja jemand weiter helfen


Vielleicht kann mir noch eine weitere Frage beantwortet werden:

ich würde gerne die Unterkategorien, die jetzt blau sind, in schwarz ändern. Ich finde nur nichts.

Vielen Dank.​

Und aus dem was Du da in deiner custom.css für das Bild steht, schreib das mal bitte um und zwar
#logo a img {
max-height: 200px;
left: 100px;
top: -80px;
position:relative;
width:auto;
}

Denn so hast Du alles in einem, und nicht in drei gleicjen anweisungen..

 

[Sirius]

Ich bin ganz ehrlich, ich weiß nicht wo ich das für das Bild einfügen soll.

Das andere funktioniert so nicht. Hatte ich auch schon. Er übernimmt es nur, wenn ich es in mehreren Anweisungen setze. Ansonsten ist der Header wieder zu groß

 

[Sirius]

meinst du im Quellcode ?

 

[Sirius]

Wenn ich das im Quellcode eingebe, dann ändert er es auf dem Handy und es ist richtig. Leider dann aber nicht auf dem Desktop. Da ist es dann links.

 

[tb_matze]

Also für das große Bild auf der Startseite, da musst Du dich als Admin im Backend des Shop anmelden. Dann hast Du da oben eine Navigation wo Du unter dem Punkt Inhalte -> Eigene Seiten -> hidden oder Extra Content die Startseite bearbeiten kannst.
Der Code, denn ich dir da oben zusammen gefasst hat, sollte nicht verändern. Ein kleiner Fehler war da, bei position bitte absolute eintragen. Dann sollte es auch klappen.

 

[Sirius]

Ja da war ich. Aber wenn ich den Code eingebe, dann verschiebt er mir das Bild auf dem Desktop und auf dem Handy ist es dann richtig.

 

[tb_matze]

Ok dann sollte man es erst mal so lassen wie es ist .. müsste mir das heute Abend in aller ruhe anschauen und dann euch was da zusammen schreiben was man da machen kann..