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

**URL:** <https://meta.discourse.org/t/mobile-view-homepage-guide/282904>\
**Category:** Development\
**Created:** [2023 年 10 月 20 日午後 2:21 UTC](https://meta.discourse.org/t/mobile-view-homepage-guide/282904 "2023-10-20T14:21:55Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)\
**Post date:** [2023 年 10 月 20 日午後 3:20 UTC](https://meta.discourse.org/t/mobile-view-homepage-guide/282904/2 "2023-10-20T15:20:55Z")

</div>

こんにちは 👋

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

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

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

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

```

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

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

 ![image](https://global.discourse-cdn.com/meta/original/4X/9/4/b/94b4dcdf8d335a6ad756b00600899a6bb0de7210.png)

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

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

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

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

---

_[View the full topic](https://meta.discourse.org/t/mobile-view-homepage-guide/282904)._