スマートフォン(特にユーザーエージェントの変更ができないiPhoneのSafari)でPC版のFC2ブログにアクセスすると画面上部に『スマートフォン版で表示』と書かれた青いボタンが表示されて困っている方いるんじゃないでしょうか。
今回は超簡単にあのボタンを非表示にする方法を紹介します。
CSSであのボタンを非表示にしてみよう
方法は超簡単!CSSで非表示にしてしまえばいいのです。
あのボタンの要素はこんな感じになっているので
テンプレートのCSSに以下のコードを追加してしまえば画面上に表示されなくなります。
#change_mobile {
display:none;
}
本当は設定とかで非表示オプションがあればいいんですが、無いので半分無理やりですが取り敢えず簡単に非表示にすることが出来ます。
iPhone版Safariで表示してみた結果
コード追加前 | コード追加後 |
| |
『スマートフォン版で表示』ボタンに困っていた方、簡単なので是非参考にしてみてはどうでしょうか!