スマートフォンのタグクラウド表示が大きすぎる問題の修正法です。
対象:ver20160929以前
「外観」>「テーマの編集」>「style.css」
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
/*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; } |
上記の
1 2 3 4 5 6 7 |
/*タグクラウド*/ .tagcloud a { font-size: 20px!important; line-height: 1em; padding: 15px; margin-top: 10px; } |
を以下の位置に変更して下さい。
1 2 3 4 5 6 7 8 9 10 11 |
/*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にて修正致します。