スマートフォンのタグクラウド表示が大きすぎる問題の修正法です。
対象:ver20160929以前
「外観」>「テーマの編集」>「style.css」
/*media Queries スマートフォンとタブレットサイズ(959px以下)で適応したいCSS - スマホ・タブレット ---------------------------------------------------------------------------------------------------*/ @media only screen and (max-width: 959px) { #side aside { clear: both; float: none; width: auto; position: static; } /*SNSボタン*/ .sns .fa { font-size:20px; } .sns li a { padding: 10px 15px; } /*タグクラウド*/ .tagcloud a { font-size: 20px!important; line-height: 1em; padding: 15px; margin-top: 10px; }
上記の
/*タグクラウド*/ .tagcloud a { font-size: 20px!important; line-height: 1em; padding: 15px; margin-top: 10px; }
を以下の位置に変更して下さい。
/*media Queries タブレットサイズ(600px~959px)のみで適応したいCSS -タブレットのみ ---------------------------------------------------------------------------------------------------*/ @media only screen and (min-width: 600px) and (max-width: 959px) { /*タグクラウド*/ .tagcloud a { font-size: 20px!important; line-height: 1em; padding: 15px; margin-top: 10px; }
次回verにて修正致します。