モバイルビューのホームページガイド

こんにちは :wave:

これらの入力は、モバイルでは .hidden クラスでのみ非表示になっているようです。

表示することはできますが、モバイル表示用にスタイル設定されていないため、見た目が悪くならないように、もう少しCSSルールを追加する必要があります。

まず、以下から始めることができます。

.category-breadcrumb {
    display: flex !important;
    gap: 0;
    .plugin-outlet-component {
        flex: 0;
    }
}

これを、テーマまたはコンポーネントの Mobile タブに配置してください。

すると、このようになります。

あまりテストしておらず、これらのセレクターの前後に利用可能なアウトレットを使用するプラグインやコンポーネントに干渉する可能性があります。

そのため、これは完全な機能というよりは、作業のベースになるものかもしれません…試してみて、どのように機能するか見てみてください :slight_smile:

編集:
これらの入力は、カテゴリページではデフォルトで表示されると聞きました。

そのため、現在のCSSコードは、カテゴリページでのこれらのフィールドのレイアウトを少し台無しにする可能性があり、さらに調整が必要です。 :slight_smile: