＼このブログが役に立ったら／
【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;
}
}数字は自由に変えてください。
お気軽にどうぞ！