mtiit https://blog.hatena.ne.jp/mtiit/ (O+P)ut https://www.mtioutput.com/ CSS はてなブログのサイドメニュー はてなブログでは、サイドバーがPCとスマホで登場する場所が異なっています。 パソコンで閲覧時 スマホで閲覧時 本記事ではスマホのみサイドバーを消すためのコードを紹介しています。 サイドバーを表示させないコード 以下コードをデザインCSS( Stylesheet )に追記します。 @media(max-width: 767px){ #box2 { display: none; } } コードの解説 Media Queriesと呼ばれる、デバイスのスクリーンサイズを条件に読み込むスタイルを切り替えるCSSの機能です。 max-width : XXXpx は767px以… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.mtioutput.com%2Fentry%2Fother%2Fblog%2Fhowtohidesidebar" title="【はてなブログ】サイドバーをスマホでは非表示にする方法 - (O+P)ut" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/m/mtiit/20190215/20190215214625.png Hatena Blog https://hatena.blog 2019-03-17 00:00:00 rich https://www.mtioutput.com/entry/other/blog/howtohidesidebar 1.0 100%