Mobile Ansicht Bildposition verändern

Hallo,

ich habe ein kleines Problem. Bei meinem Online Shop wird in der mobilen Ansicht die Bilder in einer falschen Reihenfolge dargestellt. Das stört mich vor allem im Blog-Menü, da ich dort jeweils ein Bild links und recht habe und dann zentriert einen Text drunter geschrieben habe (nicht als Bildunterschrift, sondern als neues Textfeld, da ich einen Hyperlink einfügen wollte etc. und das mit der Unterschrift nicht möglich war). Das wird in der mobilen Ansicht jetzt ganz vogelwild dargestellt und der Text passt nicht mehr zum Bild. Aber auch generell bei Einträgen wird es immer total unschön dargestellt, sobald ich Bilder links oder rechts neben einen Text gepackt habe, weil er dann alles anfängt zu verschieben. Gibt es dafür eine Lösung?

Das wäre der Link zu meinem Shop und dem, für mich, am problematischsten Blog:
Blog (meinhofladen.shop)

Liebe Grüße

Lisa-Marie Simon

Ok vielen lieben Dank das hat wenigstens das Hauptproblem mit dem Blog gelöst. Vielen lieben Dank!

Nachtrag: Ich hätte zu dem Thema doch noch einmal eine Frage.

Ich habe die letzten drei Tage versucht mit der mobile Ansicht noch ein bisschen was hinzubekommen, da mir diese sehr wichtig ist, aber verzweifle ein wenig.

Folgendes Problem habe ich:

Meine Web-Ansicht ist folgende:

Und die mobile Ansicht dazu sieht so aus:

Mein Problem ist, dass Bilder, die links vom Text sind in der mobilen Ansicht über dem Text dargestellt werden und Bilder, die rechts vom Text sind in der mobilen Ansicht unter den Text verschoben werden.

Das finde ich speziell bei dem Beispiel der Startseite sehr schade und unübersichtlich.

Ich habe schon mit:

<style>

.c4 {

display: all;

}

media (max-width: 660px) {

.c4 {

display: none

}}

</style>

Die Bilder ganz ausstellen können. Das ist aus mehreren Gründen ein bisschen ungünstig, da ich eigentlich nicht möchte, dass Inhalte bei der mobilen Ansicht weg gelassen werden, auch keine Bilder und zum anderen, da auch andere Bilder bzw. Blöcke die Bezeichnung c4 haben und somit folgernd auch verschwinden.

Meine Wunschvorstellung für die Startseite wäre folgende:

--> Also, dass das Bild die komplette Bildschirmbreite einnimmt und immer über dem Text angezeigt wird.

Habt ihr dafür einen Tip?

Ich habe mich schon so am CSS-Codieren die letzten Tage ausprobiert, aber bekomme es einfach nicht hin.

Liebe Grüße

Die Bildgröße wäre aber nur die Kirsche auf der Sahne. Mir würde schon reichen, wenn jemand wüsste, wie ich die Position von rechts sitzenden Bildern in der Webansicht auf über statt unter dem Text verschieben könnte.