shopifyで作ったサイトのページの幅を広げるにはどのようにすればよいでしょうか？
「Refresh」で作成をしております。
「コードを編集する」という画面に進み、その後、どこをどのように編集すればよいか分かりません。
教えて頂けませんでしょうか。
お忙しい中、お手数をおかけ致します。
よろしくお願い申し上げます。
Topic summary
Shopifyの「Refresh」テーマでページ幅を広げたいが、どの箇所を編集すべきか不明という相談。
-
対象が「固定ページ/記事の本文の幅」か「サイト全体の最大幅」かで方法が異なると整理。
-
固定ページ・記事の本文幅：独自CSSファイルを作成し、デスクトップ幅(min-width: 990px)で .page-width–narrow の max-width を任意値に変更する案が提示。独自CSSの作成手順への解説記事リンクも共有。
-
サイト全体の最大幅：テーマの「カスタマイズ > テーマ設定 > レイアウト > ページの幅」で調整可能との案。設定画面のスクリーンショットが添付されている（画像が手順理解に有用）。
-
現状：具体的な調整方法は提示済みだが、質問者の追記や結果報告はなく、解決確認は未了。
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
もしサイト全体の最大幅でしたら、
カスタマイズ画面 → テーマ設定 → レイアウト → ページの幅から調整できます。
なにかヒントになりましたら幸いです。
私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。
分からない点があれば、またいつでもご連絡ください。
フルバランス 渡邉
1 Like