abbrechen
Suchergebnisse werden angezeigt für 
Stattdessen suchen nach 
Meintest du: 

Text wird in der Mobilen Ansicht teilweise abgeschnitten SUPPLY

Elbe
Tourist
8 0 1

Hallo liebe Shopify Community,

ich habe ein Problem und zwar wird der ganz normale p Text vorne abgeschnitten in der Mobilen Version. Die ersten paar Zeichen fehlen einfach. In der Version am PC wird der Text allerdings ganz normal angezeigt. Die Mobile Seite ist mir aber fast wichtiger, da viele Kunden am Handy kaufen. Ich habe schon gedacht, dass die Bilder zu groß sind und der Text sich daher nicht lesen lässt, aber als ich eine neue Seite ohne Bilder und nur mit Text testweise erstellte, wurde der Text wieder nicht richtig angezeigt. Ich habe das Design "Supply" benutzt. Wie kann ich heraus finden, was ich im Code ändern muss, damit der Text normal angezeigt wird? Ich kann ein bisschen HTML und CSS aber meine Kenntnisse reichen dafür leider nicht aus.

Ich habe zum besser verstehen ein Bild angehangen. Links ist die Version vom PC, rechts die am Handy. Ich möchte bei der Handy Version auch nicht den "nach rechts scrollen"-Balken haben. Dieser ist aber auch da, wenn keine Bilder vorhanden sind.
Unbenannt-2.jpg
Ich hoffe ihr könnt mir weiter helfen. Vielen dank :)

0 Likes
r8r
Shopify Expert
1003 105 318

Hi @Elbe ,

mit einem link zur Seite liesse sich das ziemlich zweifelsfrei beantworten. 

in Ermangelung ebendessen tippe ich darauf, dass das Header Bild breiter als der für den mobilen Inhalt vorgesehene Bereich ist, damit den Inhalt auseinanderdrückt und den Inhalt beschnitten darstellt.
die Lösung wäre entweder ein schmäleres Bild zu verwenden oder anhand entsprechender CSS-Regeln die Maximalbreite des Bildes entsprechend zu begrenzen, damit das nicht mehr passiert.

Liebe Grüsse,
Mario

Mario Rader [he] ★ If you want to achieve greatness, stop asking for permission. ★ Studio Mitte
• Meine Antwort war hilfreich? Hinterlass bitte ein Like.
• Meine Antwort hat Dein Problem behoben? Bitte akzeptiere sie als Lösung.
• Ich hab dir etwas erspart? Ich freue ich mich immer über eine kleine Aufmerksamkeit
• Ja, ich biete Shopify-Services & -Entwicklung und freue mich von Dir zu hören!
• Bitte teile einen Link zu der Seite, deren Problem Du in deinem Beitrag beschreibst!

• Yes, I provide Shopify-services & -development. Feel free to get in touch!
• Please share a link to the site, which you refer to in your problem description. This incredibly increases the chances of you receiving a useful answer!
• My answer was useful? Please leave a Like.
• My answer solved your issue? Please accept it as the solution.
• I saved you time or money? I'm always happy to receive a little thank you.
0 Likes
Elbe
Tourist
8 0 1

Danke, für die schnelle Antwort. Jedoch ist auch auf den Unterseiten, wo es keinen Header Banner gibt der Text so abgeschnitten.
Ich werde mal in den Code schauen, bezüglich des Header Bildes, denke aber nicht, dass das Problem ist.

Der Link zur Seite ist folgender: Elbe-Welt

0 Likes
Elbe
Tourist
8 0 1

Ich habe auch noch mal ein neues Produkt angelegt, welches keine Bilder hat und dort ist das auch der Fall.
https://elbe-welt.de/products/test-2

0 Likes
r8r
Shopify Expert
1003 105 318

Hi @Elbe 

im konkreten Fall ist der Output der Product Questions and Answers-App der Missetäter. Die Ergänzung des folgenden CSS-Blocks sollte das Problem lösen:

.simpAskQuestion-Qcontent {
    max-width: 100%;
}

Liebe Grüße,
Mario

Mario Rader [he] ★ If you want to achieve greatness, stop asking for permission. ★ Studio Mitte
• Meine Antwort war hilfreich? Hinterlass bitte ein Like.
• Meine Antwort hat Dein Problem behoben? Bitte akzeptiere sie als Lösung.
• Ich hab dir etwas erspart? Ich freue ich mich immer über eine kleine Aufmerksamkeit
• Ja, ich biete Shopify-Services & -Entwicklung und freue mich von Dir zu hören!
• Bitte teile einen Link zu der Seite, deren Problem Du in deinem Beitrag beschreibst!

• Yes, I provide Shopify-services & -development. Feel free to get in touch!
• Please share a link to the site, which you refer to in your problem description. This incredibly increases the chances of you receiving a useful answer!
• My answer was useful? Please leave a Like.
• My answer solved your issue? Please accept it as the solution.
• I saved you time or money? I'm always happy to receive a little thank you.
0 Likes
Elbe
Tourist
8 0 1

Vielen dank für den Tipp, aber das hat leider nichts verändert.

0 Likes
r8r
Shopify Expert
1003 105 318

Hi @Elbe 

ich glaub, dass Szenario musst Du genauer definieren. Ich kann sagen, dass ich unter Chrome bei einer Breite von 300px auf der Seite https://elbe-welt.de/products/test-2 jetzt keine abgeschnittenen Komponenten mehr entdecken kann.

Liebe Grüße,
Mario

Mario Rader [he] ★ If you want to achieve greatness, stop asking for permission. ★ Studio Mitte
• Meine Antwort war hilfreich? Hinterlass bitte ein Like.
• Meine Antwort hat Dein Problem behoben? Bitte akzeptiere sie als Lösung.
• Ich hab dir etwas erspart? Ich freue ich mich immer über eine kleine Aufmerksamkeit
• Ja, ich biete Shopify-Services & -Entwicklung und freue mich von Dir zu hören!
• Bitte teile einen Link zu der Seite, deren Problem Du in deinem Beitrag beschreibst!

• Yes, I provide Shopify-services & -development. Feel free to get in touch!
• Please share a link to the site, which you refer to in your problem description. This incredibly increases the chances of you receiving a useful answer!
• My answer was useful? Please leave a Like.
• My answer solved your issue? Please accept it as the solution.
• I saved you time or money? I'm always happy to receive a little thank you.
0 Likes
Elbe
Tourist
8 0 1

Ich habs gefunden. Es lag am grit Item container. Hab das im css geändert. Der war -30.
Fall jemand das selbe Problem hat, schaut mal im "product_template.liquid" rein. :)

0 Likes