今週は多くのサインアップが見込まれるため、モバイルでサインアッププロセスをテストしたところです。
モバイルでは、ドロップダウンフィールドの名前が (select an option) テキストの上に表示されます。
これを邪魔にならないように、数ピクセル高く配置する必要があると思います。
残念ながら、これによりユーザーが選択したオプションも隠れてしまい、複数のカスタムユーザーフィールドがある場合、モバイルでのサインアップは非常に不便な体験になります。
すべてのテーマ/コンポーネントを無効にしても、これは同じです。
以下は、私が使用したCSSパッチです。
// temporary fix of dropdown and multiselect labes
.create-account #login-form .input-group .user-field.dropdown label.control-label.alt-placeholder {
top:-8px!important;
}
.create-account #login-form .input-group .user-field.multiselect label.control-label.alt-placeholder {
top:-8px!important;
}