【DAWN】ページセクションの横幅を広く変更する方法

Shopify

2024.09.24

Shopifyのテーマ「DAWN」のページセクションは、デフォルトでは横幅が狭く設定されています。他のセクションと同じ横幅まで広くする方法を解説します。

「セクション」フォルダ内のpage.liquidファイルを編集します。「page-width–narrow 」が横幅を狭く設定しているので、それを削除します。

修正前：

<div class="page-width page-width--narrow section-{{ section.id }}-padding">

修正後：

<div class="page-width section-{{ section.id }}-padding">

この記事を書いた人

株式会社ナレッジサービス
代表取締役鎌田威

2020年にフリーランスとして独立後、2022年に株式会社ナレッジサービスを設立。Webサイトのディレクションからデザイン、コーディングまで一気通貫で手がける。特にWordPressとShopifyを用いたWebサイト構築を得意とし、企業のDX推進やEコマース支援に多数の実績を持つ。

また、花巻JCの常任理事、花巻YEGの専務理事を務めるなど、地元のコミュニティや地域活性化活動にも取り組んでいる。