売上UPの情報サイト

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

人気記事

1

ホームページを今まで沢山作ってきましたが、リニューアル案件以外の方はやはり「予算重視」である場合が多く、こちらの言う「大切」な事とか「重要な事」なんていう意見は「わかっているけど・・・」とはいうものの ...

2

今回はまず、ベースとなる「ホームページのタイトル」の考え方と下層ページコンテンツに何を作るべきかを考えていきます。 「タイトル設定」はまず最初に行うべき事であり、またホームページの命運を分ける最重要項 ...

-FAQ

Copyright© 会社のミカタ , 2018 All Rights Reserved Powered by AFFINGER5.