Bild verschieben für Smartphone Ansicht

[scherenschlag]

Moin.
Ich breche mir wieder einen ab.
Ich möchte den Tempel auf dem Phone gerne mittig haben.
Und ein bisschen in die Textbox geschoben.
Also wie in der PC Ansicht. Nur halt unten drunter.

[Tommy Herrmann]

Moin,

bitte immer die URL zur Seite hier posten. Ohne den Code zu sehen, kann doch niemand was dazu sagen.

[scherenschlag]

Ich weiß. Fehlt.
Aber dieses Tempelding habe ich nicht veröffentlicht.
Da schraube ich nur dran rum.
Dann muss ich erstmal die neue Gastroseite veröffentlichen.
Melde mich mich dann wieder.....

[scherenschlag]

So. Wieder da.
Schaut bitte mal (z.B.) auf diese Seite.
https://tsad17.de/Speisekarte.html#Header
Ich habe soweit alles hinbekommen. Was ich gerne mal sehen möchte:
Das Küchenfoto sollte auch auf dem Smartphone ein wenig in der Überschriften Box hängen.
Also von unten dann hoch hinter die Überschrift Box.
Irgendwie bin ich mal wieder festgefahren.

[Tommy Herrmann]

Moin,

Du hast ja diese Media-Anweisung. Dort habe ich jetzt mal ein negatives "margin" (Außenabstand) von -80px hinzugefügt (musst Du ausprobieren). Damit verschiebst Du das Küchenbild in dieser Media-Abfrage nach oben:

Code: Alles auswählen

@media (max-width: 992px) {
  img {
    transform: scale(1) translateX(25%);
    margin-top: -80px;
  }
}

Das sieht dann ungefähr so aus. Ich bin mir nicht sicher, ob Du das überhaupt meinst

[scherenschlag]

Moin.
Genau das war es....
Dankeschön.
Gruß

[Tommy Herrmann]

Nur als Hinweis:

Wenn du den Selektor:

img

änderst, dann gilt das natürlich für sämtliche Bilder in diesem Block. Nur falls Du mal ein zweites Bild im gleichen Block verwenden solltest. Dann sollte man nicht den Selektor verwenden, sondern lieber eine Class.

[scherenschlag]

Alles klar. Danke.
Ist nur ein Bild/Foto.
Passt also...