Neu Shoplogo Handyansicht

Sirius

Aktives Mitglied
14. Dezember 2017
12
0
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

Aktives Mitglied
14. Juli 2017
62
0
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

Aktives Mitglied
14. Dezember 2017
12
0
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.
 

Sirius

Aktives Mitglied
14. Dezember 2017
12
0
Also, wenn du direkt eine Idee hast, wo ich was eintragen muss, dann bin ich nicht abgeneigt :)
 

tb_matze

Aktives Mitglied
14. Juli 2017
62
0
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

Aktives Mitglied
14. Dezember 2017
12
0
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

Aktives Mitglied
14. Juli 2017
62
0
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.
 

tb_matze

Aktives Mitglied
14. Juli 2017
62
0
Das was Du da geändert hast das war für das große Bild .. Wo hast Du da was eingetragen? Sehe nichts...:(
 

Sirius

Aktives Mitglied
14. Dezember 2017
12
0
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

Aktives Mitglied
14. Juli 2017
62
0
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

Aktives Mitglied
14. Dezember 2017
12
0
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

Aktives Mitglied
14. Dezember 2017
12
0
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

Aktives Mitglied
14. Juli 2017
62
0
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

Aktives Mitglied
14. Dezember 2017
12
0
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

Aktives Mitglied
14. Juli 2017
62
0
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..