コンテンツスライダーブロックの一番外側（.smb-spider-slider）に overflow: hidden がついているからですが、これなくても良い気がしますね…。ちょっと消す方向で変更を入れようとと思いますが、とりあえず下記の CSS を追加したら外に配置できるようになるか、他に不具合がでないか、試してみてください！
.smb-spider-slider {
overflow: visible;
}
すでに実装を進めておられたのですね、失礼いたしました。
実装手順ですが、プラグインを使った簡単な方法で良ければ、私はコチラの動画を参考に設置いたしました。
ガッツリ解説は海外にありました。
このように結構作業量が多い印象ですので、
できるだけ簡単にみなさんがSMFormsに実装できたら本当に助かります。
大変お手数をおかけいたしますが、実装される時を心よりお待ちしております。
いつも本当に開発とサポートなどありがとうございます。
お忙しいところありがとうございます！
そうすると、トップページの「任意のタクソノミー」ブロックで投稿タイプの「案件紹介」を選択することは可能なのでしょうか・・・？
僕もやりたいとは思っていて issue も立ててるんですけど、Snow Monkey Forms にどうこうの前に、Cloudflare Turnstile を普通にどう実装するものなのかがイマイチよくわからなくて、なかなか進められていないんですよね…。
一般的なフォームにこう実装する的なサンプルがあれば組み込みやすいのですが…。
ありがとうございます！
中央寄せの余白のあるデザインが出来ました(｀・ω・´)ゞ
「コンテンツの最大幅」を550ｐｘにして、項目とスライダー出来ました！
@まーちゅうさん
ありがとうございます！aria-hidden ですね。
@mtmekj さん
ドロップナビ（スクロールするとでてくるメニュー）は「画面サイズ」と「スクロールされているかどうか」が表示するかどうかの基準になるため、リサイズすると一旦非表示になるようにしています（表示されていはいけない画面サイズのときに表示されないようにするため）。
「スクロールされているかどうか」の判定は IntersectionObserver を使っているのですが、これは処理が軽いメリットがあるものの、まーちゅうさんが書かれているように一番上まで戻らないと再表示されなくなります。onScroll でスクロール位置を常に監視すれば一番上まで戻らなくても再表示できるようになりますが、処理が重くなるので、リサイズしながら閲覧するユーザーが少ないと想定すると、処理を重くしてまで onScroll に変えたほうが良いのかは疑問です。
ということで、現状では
– リサイズするとドロップナビは非表示になる
– リサイズで非表示になった場合は、一度一番上までスクロールしないとドロップナビは表示されない
が仕様になります。
drop-nav.js の window.addEventListener("resize:width", (() => n()), !1); が原因のようです。
n() は aria-hidden を "true" にして hideDropNav イベント飛ばしてるので幅が変わるたびに非表示になる。
ドロップナビが表示されている状態で、windowのリサイズをすると <div class="l-header__drop-nav" aria-hidden="true"> になるので、ドロップナビは表示されなくなります。
そのまま下にスクロールしてもドロップナビは表示されませんが、一旦ページ最上部まで戻ってからスクロールするとドロップナビが表示されるようです。
大変恐縮ですが、クライアントワークのため公開できません 汗
繰り返しになりますが、ファーストビューは２行 → スクロールしたら１行に → ブラウザの横幅を左端でも右端でも、内側でも外側でも、縮めた瞬間にロゴとメニューが上方向に消え去っていきます。
全く関係ないWPのテストサイトでも全く同じ現象を今確認できました。
プラグインを全部停止、CSSを全部削除した状態でも、消えます。
ぜひ、ご回答よろしくお願いいたします。
それ + PC用ヘッダー位置をノーマル にしたらできました！
ありがとうございます！
しかし・・・スクロール後に出現する左：ロゴ + 右：メニュー文字のメニュー１行が、ブラウザの横を縮めたらなぜかメニューが上に行って消え去っていきます。
CSSは削除、プラグインも全て停止しても、消えてしまいます。
AIに聞いてJS追加してもダメでした。
スクロール後のメニュー出現状態で、ブラウザを横に縮めても、消え去らないようにするには、どうしたら良いのでしょうか？
同じメニュー系の話なので、ここで追記質問させていただきます。
よろしくお願いいたします。
「カスタマイズ」 > 「デザイン」 > 「ヘッダー」で、一番下にある「ドロップナビゲーションにサイトロゴを表示する」にチェックを入れてみてください。
SyntaxError: Unexpected token とでており、これは PHP のエラーなので、JS に問題があると指摘しているその AI の回答は間違っていると思います。
一旦フォームを表示してエラーを発生させ、すぐにサーバーのエラーログを確認したら当該のエラーメッセージが確認できると思うので、それをここに貼り付けてください。
そのコードはカバーブロックには関係ないものなので、追加したコードは削除してください。
カバーブロックのソースコードを調べてみたところ、どうも画像のときだけ固定できるみたいでした。
なので独自に JS や CSS を書いて固定するしかないのかなと思います…。
Who liked: No user
