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;
	}
}

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

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

お気軽にどうぞ!

コメントする

もくじ
閉じる