SWELLのウィジェットエリアが一目で分かるサイトを作りました >>

【JIN】ロゴのサイズ調整/タブレットサイズで大きくなってしまうのを防ぐCSS

JINでロゴを設定すると、タブレット幅になったとき(ブラウザの横幅を狭めたとき)にめちゃくちゃデカくなりません?
「ヘッダー設定」→「ロゴとフレーズの文字サイズ調節」を50以上にすると、ロゴが画面からはみ出して表示されたりして、これはいつになったら修正されるんだろうか…と悩んでます。

もくじ

JINのサポートフォーラムに対処用として記載されているCSS

@media (max-width: 1023px) and (min-width: 768px){
	.tn-logo-size img {
		width: calc(20%*2.2)!important;
	}
}
@media (min-width: 1024px){
	.tn-logo-size img {
		width: calc(20%*2.2)!important;
	}
}

自作したCSS

こっちの方をよく使っています。

@media (min-width: 768px){
.tn-logo-size img {
width: calc(60%)!important;
}
}

数字は自由に変えてください。

上手くいったらシェアしてね!
  • URL Copied!

お気軽にどうぞ!

コメントする

コメントは日本語で入力してください。(スパム対策)

CAPTCHA

もくじ
閉じる