SP時サイドバーを非表示にする

2020/01/16

外観/カスタマイズ/追加CSSへと進み、以下のCSSを記述する。

@media (max-width:480px){
	.x-sidebar{
		display:none !important;
	}
｝

@media (max-width:480px){

.x-sidebar{

display:none !important;

}

｝

※!importantを付けないと反映されません。

また、コンテンツとフッター間に謎の余白が出来る場合は

@media (max-width:480px){
	.x-sidebar{
		display:none !important;
	}
	.x-container.offset{
		margin: 0em;
	}
｝

@media (max-width:480px){

.x-sidebar{

display:none !important;

}

.x-container.offset{

margin: 0em;

}

｝

こっちのCSSでサイドバーと余白が消える。