FROM CACHE - de_header

Desktop und Mobil - Startseite

Desktop und Mobil - Startseite

Ainh
Tourist
15 0 1
Hallo, ich hab ein Problem mit der Startseite von meiner Webseite und den Layout der Bildern.
 

Ich hab auf der Startseite ein Bild, was die Kunden sehen. Leider ist dieses Bild nur für Mobilgeräte gut und ist nicht Desktop freundlich.

 

Das bedeutet dass auf der mobilen Seite das Bild perfekt angezeigt wird wie ich es möchte. Aber sobald ich mit meinem Laptop die Webseite besuche, passt das Layout gar nicht und das Bild ist komplett verschoben.

 

Ich hab im Internet Seite gefunden wie ich es genau haben möchte, aber ich weiß es nicht wie es funktioniert. Hier ein bsp:

Desktop:

 

086C94DA-7BAD-4EF7-A955-92E5C6AAEEF7.jpeg

Mobil:  

948B81FA-BE51-4CE6-894F-A02522C5B004.png

Wenn man es trocken betrachtet, sind es quasi zwei verschiedene Bilder, wegen dem Layout, aber ich weiß dass es so nicht funktioniert. Zumindest mit Shopify nicht. Bei mir sieht es so aus wenn ich ein Bild nutze.
Desktop: 

D040EDEE-2867-497D-B582-F0E054A86175.png

Mobil:  

7F28D6BA-508C-4461-9642-441D315F1952.jpeg

ich weiß gar nicht was ich tun muss, damit es auf dem Laptop sowie auf dem Handy passend dargestellt wird. Kann mir jemand da weiterhelfen am besten jemand, der Ahnung hat.

Shopify Theme: Debut

Bildbearbeitung: Canva

Danke für jeden der bis hierhin gelesen hat.

5 ANTWORTEN 5

Finer
Shopify Partner
2132 464 766

@Ainh es gibt einige Themes, die eine Unterscheidung zwischen mobiler und Desktop Ansicht anbieten. Leider ist das bei dem Debut Theme nicht der Fall. Man kann zwar im Code eine solche Funktion einbauen, erfordert allerdings Programmierkenntnisse (HTML, CSS, LIQUID).

Alternativ könnte es mit einem Pagebuilder wie Shogun oder Pagefly möglich sein.

 

Ein wichtiger Hinweis:

Das Debut Theme ist eines der alten, nicht OS2.0 kompatiblen, Themes. Daher würde ich dir empfehlen, auf eines zu wechseln, welches =S2.0 kompatibel ist. Dadruch stehen die alle Neuerungen von Shopify auch zur Verfügung.

- Did my answer help? Mark my post with a like
- Did I solve your problem? Mark my post as an accepted solution.
- You need professional help? Contact our Shopify Partner Agency
Ainh
Tourist
15 0 1

Danke dir. Wie finde ich heraus ob es =S2.0 ist?

Finer
Shopify Partner
2132 464 766

Das wird im Shopify Theme Shop angezeigt.

Entweder durch ein kleines OS2.0 Icon oder in der Beschreibung.

- Did my answer help? Mark my post with a like
- Did I solve your problem? Mark my post as an accepted solution.
- You need professional help? Contact our Shopify Partner Agency
Ainh
Tourist
15 0 1

Ist dann direkt mit der OS2.0 sowas möglivh, oder was ist der Unterschied?

Ainh
Tourist
15 0 1

Hi, kannst du mir zeigen, wie ich CSS ändern bzw. bearbeiten kann?