はてなブログのスマホ版でヘッダー・フッターを消すCSS(Proのみ)

はてなブログはPRO版にすれば、PC版ははてなのヘッダーやフッターが非表示にできるのですが、スマートフォン版はなぜか、設定の操作ではヘッダー・フッターを消すことができません。

それを消すにはCSSで以下のように書きます。

「ブログ開設」やら、「週刊はてなブログ」などの、余計(?)なリンクも結構多くて邪魔です。

管理画面を開いて * デザイン　＞　スマホアイコン　＞　ヘッダ　＞　タイトル下　

に以下のHTMLを貼り付けます。

<style>
/* ヘッダー表示有無 */
#globalheader-container {
    display:none;
}

/* フッター表示有無 */
#footer-menu {
    display:none;
}

/* 余白調整 */
#container {
    padding-top:0px;
}
/* プロフィールやはてな関連リンクを消す*/
.footer-service-link,
.footer-action-wrapper,
.footer-touch-item-list,
.profile,
.hatena-module-profile,
.footer-action-wrapper{
    display:none !important;
}
</style>