Halo、Nova、Metro、Bloom のように、ヘッダーとフッターが左側または右側にある 2 列モードのテーマがあります。
このようなテーマの場合、システムはデフォルトでサイドバーの幅を 250px. ただし、CSS オーバーライドを使用して幅を管理できます。
サイドバーの幅を変更するには、次の手順に従います。
- 下記の CSS オーバーライド全体をコピーします。
<style>
.column-2-container .sidebar {width: 150px;}
.column-2-container .stage-spacing { position: relative;
margin-left: 150px; width: calc(100% - 150px);}
.halo-header .user-logo { min-width: 100px;}
</style>
注： 幅を次のように変更しました 150px ページ をご覧ください
- 関連するコードをコピーした後、に移動します 設定 とします。
- 外部スクリプト (2)、コードを貼り付けます セクション とします。
- ヒット Save (4) ボタンを押して、変更をスタジオに保存します。
ここで、サイトを更新して、ライブ サイトの変更を確認します。