全画面時のサイトの最大幅を設定したい

つまり、こういうことですか？

 
↓色などを入れてわかりやすいように

• 全体の幅：1140px
• ナビゲーションの幅：240px
• コンテンツ幅：900px

提示した画像は以下のCSSでやりました。
試していないので、すべてのブロックがうまくハマるかわかりません。
細かなところはご自分で調整してください。
 

@media (min-width: 1024px) {

	.l-contents {
		flex: 1 0 900px !important;
	}

	[data-header-layout=left] {
		margin-left: 0;
	}
	
	.l-header--left {
		position: inherit;
		width: 240px;
	}

	.l-container {
		width: 1140px;
		margin: 0 auto;
		overflow: hidden;
		flex-wrap: wrap;
		flex-direction: inherit !important;
		background-color: #fff;
	}

	.l-footer {
		width: 100%;
		display: block;
	}

}

♥ 3

いいねをした人: