[m.yosh]

【お使いの Snow Monkey のバージョン】 25.4.3
【お使いの Snow Monkey Blocks のバージョン】20.5.2
【お使いの Snow Monkey Editor のバージョン】 9.3.3
【お使いのブラウザ】Google Chrome
【当該サイトのURL】

フッターCTA　Ver 2.3.0

### 実現したいこと

### 発生している問題

フッターCTAの「プライマリーボタン（タブレット＆PC）で
「設定されている場合、PCとタブレットではこのボタンを使用します。ラベルとURLのいずれかが未入力の場合、このボタンは使用されません。」
との記述がありますが、設定するにはどうしたらよいでしょうか？（設定するフィールドがないです）

また「タブレット＆PCでは表示しない」設定はありますでしょうか？

### 試したこと

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

わ、ほんとですね！！ ご報告助かります。とりあえず表示されない件について調査して修正入れます！

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

Snow Monkey Footer CTA v2.3.1 で修正を入れました。アップデートをお願いします！

また「タブレット＆PCでは表示しない」設定はありますでしょうか？

これは「プライマリーボタンを」「セカンダリーボタンを」ということではなくて、フッター CTA 自体を表示しないようにしたい、ということでしょうか？

♥ 0

いいねをした人: 居ません

[m.yosh]

v2.3.1でプライマリーボタン（タブレット＆PC）の設定が表示されるようになりました。ありがとうございます！

これは「プライマリーボタンを」「セカンダリーボタンを」ということではなくて、フッター CTA 自体を表示しないようにしたい、ということでしょうか？

はい、そういう意味でした。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

はい、そういう意味でした。

設定としては無いので、CSS で消してしまうのが簡単だと思います。

@media (min-width:640px) {
  .p-footer-cta {
    display: none;
  }
}

♥ 0

いいねをした人: 居ません

[m.yosh]

ありがとうございます。無事にPCで非表示にできました。

とこでいくつかの同じようなサイトに設置しようとしているのですが、ひとつだけボタンのpaddingが異なるサイトがあってどこが違うのか気になっています。

デベロッパーツールでみると下記の同じスタイルがあたっているのですが、

p-footer-cta .c-btn {
--_font-size-level: -1;
font-size: var(--_font-size);
line-height: var(--_line-height);
padding: var(--_padding-1);
}

var(–_padding-1) の値を見ると

通常は
calc( calc( 1.8 / 3 * 2) * 1rem)

ですが、ひとつだけ

calc( calc( 0.8 / 3 * 2) * 1rem)

となるサイトがあります。
適当な値で上書きすればよいのでしょうが、もし何かお分かりになるようでしたら教えていただけますと助かります。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

var(–_padding-1)、計算式を分解していくと実態としては下記のようになっています。

((1 + var(--_half-leading)* 2) / 3 * 2) * 1rem

で、1 + var(--_half-leading)* 2 が line-height の値（デフォルトだと 1.8）になるんですけど、そこが 0.8 になっているということなので、var(--_half-leading) を 0.1 にするような CSS がどこかに書いてあるのじゃないかなぁと思いました。

実際のサイトを見てみて、CSS の上書きを追っていけば何かわかるかもしれません。

♥ 0

いいねをした人: 居ません

[m.yosh]

キタジマさんご返答ありがとうございます。

var(--_padding-1) をたどって行ってみますと

--_padding-1 : var(--_s-1);
　　↓
--_s-1: calc(var(--_ms1) * 1rem);
　　↓
--_ms1: calc(var(--_space-unitless) / 3 * 2);
　　↓
--_space-unitless: 0.8;

この --_space-unitless が他のサイトでは 1.8 になっているという違いでした。
つまりカスタマイザーの基本デザイン設定の「余白サイズ」デフォルト1.8 がこのサイトでは 0.8 に変更されていたのが原因と判明しました(^^;

すっきりしました。
しかしこんな複雑な構造になっていたのですね(^^;`

トピックを閉じます。

♥ 1

いいねをした人:

[投稿者]

投稿