Bild ausrichten in mobiler ansicht

  • Ah ok.
    Bin ja Selbstlerner ;)
    Shopify gibt leider diesbezüglich keine Auskünfte, wollen ja selber daran verdienen, dass man es von ihnen ändern lässt.

    Aber ich werde mein Glück weiter versuchen und dabei immer mehr lernen!!!

    Danke Dir erstmal!
    Lg

  • Da sehe ich jetzt...

    HTML
    @media screen and (max-width: 591px) {
     .grid__item #dantendorfer-online-store .grid__item {
      width:50%
     }
    }


    Es müsste aber heißen...

    HTML
    @media screen and (max-width: 591px) {
     #dantendorfer-online-store .grid__item {
      width:50%;
     }
    }

    if(!sleep)

    {$sheep++;}

  • Ah ok.
    Bin ja Selbstlerner ;)
    Shopify gibt leider diesbezüglich keine Auskünfte, wollen ja selber daran verdienen, dass man es von ihnen ändern lässt.

    Aber ich werde mein Glück weiter versuchen und dabei immer mehr lernen!!!

    Danke Dir erstmal!
    Lg

    - - - Aktualisiert - - -

    Bei mir schaut es wie folgt aus:

  • uuuuhhhh....
    Was ist denn da jetzt passiert?
    Direkt oberhalb von dem (jetzt richtigen) Code steht folgendes..

    HTML
    .grid__item {
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     box-sizing:border-box;
     float:left;
     min-height:1px;
     padding-left:15px;
     vertical-align:top;
     width:10%
    }


    mit width:10%; zerschießt du dir das ganze Layout - vorher stand da 100%!
    Hast du da was verändert?
    In deinem Screenshot ist da eine von diesen SASS Anweisungen zu sehen
    '@if $mobile-first == true....' auch da sind die 10% eingetragen. Hast du die '0' da weg gemacht?

    if(!sleep)

    {$sheep++;}

  • Dafür steht wieder der falsche Code... mit dem falschen Selektor in deinem CSS..

    HTML
    @media screen and (max-width: 591px) {
     .grid__item #dantendorfer-online-store .grid__item {
      width:50%
     }


    Das ist nicht richtig!!!! Der Selektor ' .grid__item #dantendorfer-online-store .grid__item' ist falsch!
    es muss '#dantendorfer-online-store .grid__item' heißen!

    if(!sleep)

    {$sheep++;}

  • So sieht es richtig aus... da bin ich etwas ratlos, weil ich mich wohl auch mit shopify nicht auskenne.
    Gibt es da die Möglichkeit ein Cache zu leeren... die neuen Daten zu aktualisieren... irgendeine Möglich deinem Shopsystem mitzuteilen, dass es gefälligst die aktuellen Daten einzulesen und auszuliefern hat?

    Ist denn hier kein 'Shopify-Auskenner' im Forum?

    if(!sleep)

    {$sheep++;}

  • Ja irgendwie sehr komisch!

    Aber danke für deine Bemühungen! Ich werde noch ein wenig weiter basteln und mein Glück versuchen. Und vielleicht erreiche ich ja nach vielem mal nachfragen bei Shopify, dass sie mir dann doch mitteilen, was es da für "tricks" gibt!

    Falls hier doch noch jemand eine Ahnung haben sollte, freue ich mich auf jede Antwort!

    Lg