Twenty Twenty Four でモバイルのメニュー幅を細くしたい

解決済 rin2024
(@rin2024)

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

4件の返信を表示中 - 1 - 4件目 (全4件中)

Aki Hamano
(@wildworks)

1年前
こんにちは。

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

もしそうであれば、この幅は現状エディター上では設定出来ないので、CSSを書く必要があると思います。
- この返信は1年前にAki Hamanoが編集しました。
トピック投稿者 rin2024
(@rin2024)

1年前
説明が悪くて申し訳ありません。添付の画像の幅になります（見えるでしょうか？）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}}
```
- この返信は1年前にrin2024が編集しました。
- この返信は1年前にrin2024が編集しました。
- この返信は1年前にrin2024が編集しました。
Aki Hamano
(@wildworks)

1年前
TT4はブロックテーマなので、CSSを書かずにエディターで調整した方が良いと思います。
- ダッシュボード > 外観 > エディター > パターン > すべてのテンプレートパーツを表示
- Header をクリック
- ルートにあるグループブロックを選択して、ここのpaddingの値を変える
トピック投稿者 rin2024
(@rin2024)

1年前

＞Aki Hamanoさん

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