Onepagecheckout Mobile Ansicht Label größer...

[Andre (KM)]

Moin,
ich verzweifel derzeit an einem Problem: ich möchte wenn das Onepagecheckout via Smartphone aufgerufen wird, dass die Eingabefelder größer sind (width 100%).
Ich habe in meiner cSS Datei unter //Mobile bla bla den Code schon entsprechend geändert gehabt aber bislang ohne Erfolg. Ich habe echt _alles_ mir bekannte ausprobiert aber nichts hat sich gerührt.

Kann mir da jemand helfen?

Gruß,
Andre

[ThoGoe]

Hallo!

Welchen Code hast du gefunden? Bitte poste einmal den Pfad!

Liebe Grüße

[Andre (KM)]

Ich habs mit verschiedenen Codestücken probiert:

Code: Alles auswählen

.wpsg_checkout .wpsg_checkoutblock {
max-width: 100%;
}
.wpsg_checkoutblock label {
width: 140px;
float: left;
}

Code: Alles auswählen

.wpsg_checkout .wpsg_checkoutblock select, .wpsg_checkout .wpsg_checkoutblock input[type=text], .wpsg_checkout .wpsg_checkoutblock input[type=password], .wpsg_checkoutblock input#plz {
float: none;
margin: 0px;
width: 200px !important;

Das sind die aktuellen Standardwerte, diese habe ich dann unter "@media only screen and (min-width: 480px) and (max-width: 767px) {" eingefügt und entsprechend geändert. Aber auch da kam es zu keiner Änderung


Gruß,
Andre

[NoSyMe]

max-width: 100%; sagt lediglich, dass das Objekt maximal 100% breit sein darf, nicht, wie breit es denn überhaupt sein soll.

Ich hab mir den Code jetzt nicht genauer angeschaut, aber denke es wird schon reichen, wenn du in die gleiche CSS-Gruppe noch width:100% mit einfügst.