サポート » 使い方全般 » Twenty Twenty Four でモバイルのメニュー幅を細くしたい

  • 解決済 rin2024

    (@rin2024)


    こんにちは。
    Twenty Twenty Fourをテーマに使っているのですが、モバイルのメニュー幅をもう少し細くしたいのです。
    やり方を教えて頂けますでしょうか。
    どうぞよろしくお願いいたします。

    • このトピックはrin2024が2ヶ月、 2週前に変更しました。
4件の返信を表示中 - 1 - 4件目 (全4件中)
  • こんにちは。

    「モバイルメニューの幅」というのは、モバイルメニューを開いた時の全体のの幅の事を指していますか?

    もしそうであれば、この幅は現状エディター上では設定出来ないので、CSSを書く必要があると思います。

    • この返信は2ヶ月、 2週前にAki Hamanoが編集しました。
    トピック投稿者 rin2024

    (@rin2024)

    説明が悪くて申し訳ありません。添付の画像の幅になります(見えるでしょうか?)CCSに以下のコードを書いたのですが効きませんでした。ご教授いただければ幸いです。

    /スマホ表示用/
    @media (max-width:600px){ .templete-socialiconfordesktop{display:none;
    }
    .template-header{
    height:40px;}
    .desktop-news-p{
    display: flex;
    flex-direction: column;}
    .service-about-image{
    height:130px;
    position: relative;
    }
    .service-about-letter{
    position: absolute;
    top: 30px;
    right: 0;
    bottom: 0;
    left: 0px;
    margin: auto;
    width: 80%; }
    .service-about-title{font-size:22px;}
    .service-about-line{width:50%;
    float: left;
    }
    .service-about-subtitle{font-size:12px;
    margin:3px 0px;}
    .desktop-top-background{height:800px;}
    .desktop-top-logo{width:40%;
    padding:400px 80px;
    }
    .desktop-news-line{width:50%;}
    .desktop-vison-forpc{display:none;}
    .service-gyogyou-image2{width:100%;}
    .service-about-letter{height:5%}
    .service-arrow{ transform: rotate( 90deg );
    display:none;
    }
    .company-sasebo-image{width:95%;}
    .vision-poem2{font-size:22px}}
    • この返信は2ヶ月、 2週前にrin2024が編集しました。
    • この返信は2ヶ月、 2週前にrin2024が編集しました。
    • この返信は2ヶ月、 2週前にrin2024が編集しました。

    TT4はブロックテーマなので、CSSを書かずにエディターで調整した方が良いと思います。

    • ダッシュボード > 外観 > エディター > パターン > すべてのテンプレートパーツを表示
    • Header をクリック
    • ルートにあるグループブロックを選択して、ここのpaddingの値を変える
    トピック投稿者 rin2024

    (@rin2024)

    >Aki Hamanoさん

    解決しました!親切に教えて頂きありがとうございました!

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • このトピックに返信するにはログインが必要です。