起業・法人に役立つ強い味方

法人のミカタ

FAQ

スマートフォンのタグクラウド表示が大きすぎる

スマートフォンのタグクラウド表示が大きすぎる問題の修正法です。

対象: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にて修正致します。

-FAQ

Copyright© 法人のミカタ , 2019 All Rights Reserved.