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

Theme Venture Mobile Ansicht beweglich

Holzis24
Neues Mitglied
3 0 0

Hallo Zusammen,

in unserem Shop mit der Theme Venture ist in der mobilen Version rechts ein schwarzer Balken zu sehen, also der Shop bewegt sich nach links und ist nicht als Vollbild zu sehen.

Könnt ihr mir helfen wie ich das fixieren kann damit in der mobilen Version der Shop als Vollbild angezeigt wird und er sich nicht immer bewegen lässt?

Vielen Dank im Voraus, schöne Grüße,

Manuel Sicora

0 Likes
r8r
Shopify Expert
1512 170 497

Manuel @Holzis24 - irgendein Inhalt ist zu breit und drückt das Layout auseinander. Das ist die einzige Analyse, die ich dir geben kann, ohne, dass Du uns den Link zum Patienten schickst.

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
Holzis24
Neues Mitglied
3 0 0

Danke für Deine Antwort!

Mein Shop ist unter: www.holzis24.de zu finden. 

An den Fotos liegt es nicht, ich habe auch andere Fotos probiert.

Schöne Grüße,

Manuel

0 Likes
r8r
Shopify Expert
1512 170 497

Manuel @Holzis24 – wie vermutet, der Inhalt ist teilweise zu breit … sprich, Worte sind länger als die Gesamtbreite es erlaubt. Auf der Startseite bei 320px Breite sind das konkret die Worte "FRÜHLINGSANGEBOTE" und "HOLZSPIELZEUG". Im folgenden hab ich die Worte mit Leerzeichen vesehen und das Layout passt dann:

Screenshot 2021-04-29 at 09.51.09.jpg

Screenshot 2021-04-29 at 09.51.22.jpg

 

Lösungsansätze:

  • Kürzere Worte in Überschriften verwenden – unpraktisch
  • wbr-Tag verwenden – wahrscheinlich an einigen relevanten Stellen nicht möglich
  • folgendes CSS ergänzen – Holzhammer-Methode

 

body {
  overflow-x: hidden;
}​

 

  • Du kannst Die Schriftgröße (und evtl. auch das Letterspacing) der Überschriften im mobile Kontext verkleinern:

 

@media screen and (max-width: 500px) {
  h1, .h1 {
    font-size: 1.5rem;
    letter-spacing: 2px;
  }
}​

 

Ich weiß aber nicht, ob diese Maßnahme alleine ausreicht.

LG, 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