FROM CACHE - jp_header

shopifyで作ったサイトのページの幅を広げるにはどのようにすればよいでしょうか?

abcde12345
新規メンバー
1 0 0

shopifyで作ったサイトのページの幅を広げるにはどのようにすればよいでしょうか?

「Refresh」で作成をしております。

 

「コードを編集する」という画面に進み、その後、どこをどのように編集すればよいか分かりません。

教えて頂けませんでしょうか。

 

お忙しい中、お手数をおかけ致します。

よろしくお願い申し上げます。

  • css
1件の返信1
株式会社フルバランス
Shopify Partner
940 313 489

Abcde12345さま

はじめまして、フルバランスの渡邉です。

ご質問を確認いたしました。

 

 

調整されたいのは固定ページや記事の本文の幅のことでしょうか?

その場合は独自cssファイルを作成し、以下のmax-widthの後をお好きな数値に変更して追記すれば調整可能です。

@media screen and (min-width: 990px){
 .page-width--narrow {
   max-width: 72.6rem;
 }
}

 

独自cssのファイルを作る方法は以下記事をご参照ください。

https://blog.socketweb.net/how-to-css-shopify/#co-index-0

 

もしサイト全体の最大幅でしたら、

カスタマイズ画面 -> テーマ設定 -> レイアウト -> ページの幅から調整できます。

スクリーンショット 2023-01-26 17.55.05.png

 

なにかヒントになりましたら幸いです。

私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

分からない点があれば、またいつでもご連絡ください。

フルバランス 渡邉

株式会社フルバランス(Shopify Experts)
Shopify専門のEC成長支援会社です。ECの技術・実務・成長、お悩みのことがあれば、気軽にご相談ください。
『すべてのブランドの特大成長エンジンを搭載する』 株式会社フルバランス