[うなこ]

確認ありがとうございます。
カスタムHTMLからは表示されたようで安心しました。

ExUnitのメイン設定 → 連絡先情報 → 高度な設定 → 【お問い合わせ情報として表示するHTML】欄にSVG形式で記述した場合、【ヘッダー右側エリア】に限ってはうまく表示されない、ということのようです。

たしかに、ここにsvgコードを設置しても表示されないようでしたので、確認させていただきます。

▼社内確認用issue
https://github.com/vektor-inc/vk-all-in-one-expansion-unit/issues/957

今後ともよろしくお願いいたします。

[うなこ]

ご確認とご報告いただきありがとうございます。

iOS16.2では表示されたとのことで安心しました！

今後ともよろしくおねがいいたします。

[うなこ]

「ヘッダーウィジェットあり＆ナビ貫通」を選択しますと、【ヘッダー右側エリア】が表示されます。
【外観】>【カスタマイズ】>【ウィジェット】の【ヘッダー右側エリア】に「カスタムHTML」ブロックを配置して、そこにsvgのコードを貼り付けると表示されますでしょうか？

[うなこ]

添付画像ありがとうございます。

デモサイトのこちらのページも、表示の不具合が確認できますか？

ブロックパターン

といいますのも、わたしのiPad mini(第5世代)のsafariで確認したところ、該当の不具合が見られませんでした。
お手数ですが、デモサイトのページも不具合が見られるかの確認をお願いできますでしょうか。

[うなこ]

画像を左や右寄せなどにすると、画像分の空白が空いてしまうようでした。
お急ぎでしたら、以下のCSSを、【外観】→【カスタマイズ】→【追加CSS】に貼り付けてください。

.vk_accordion-target-close .wp-block-image{
display:none !important;
}

社内確認用issue
https://github.com/vektor-inc/vk-blocks-pro/issues/1659

[うなこ]

私の方で考えてみたCSSです。
ページ遷移するときに、メニューが方向：ドロップインの場合は下から上に、方向：左→右の場合は左から右に、方向：右→左の場合は右から左へ閉じますので、位置が固定で、ナビが透明になるようにしました。ナビが透明になるので移動してガタっとなるのは無くなるかなと思います。

/*ナビを透明に*/
.vk-mobile-nav {
opacity:0;
}
/*openで不透明に*/
.vk-mobile-nav.vk-mobile-nav-open{
opacity:1;
}

/*ログイン時*/
/* adminbarがあるので方向 ドロップインの場合はずらす */
.admin-bar .vk-mobile-nav.vk-mobile-nav-drop-in{
top: 46px;
}

/* ログアウト時 */
/* 方向 ドロップインの場合 */
.vk-mobile-nav.vk-mobile-nav-drop-in{
top: 0px;
}
/*　方向 左 → 右*/
.vk-mobile-nav.vk-mobile-nav-left-in{
left: 0;
}
/*　方向 右 → 左*/
.vk-mobile-nav.vk-mobile-nav-right-in{
left: 0;
}

この他にも、なにかカスタマイズアイディアがありましたら、ぜひ書き込みよろしくお願いいたします。

[うなこ]

ページ遷移するときに、メニューが閉じますので、たしかに一瞬カクッとしますね（iPhoneのSafariで確認しました）。

Lightningデモサイト

何かいい方法がないか、考えてみます。
もし他の方で、こんな方法があるなど、カスタマイズのアイディアがありましたら、ぜひ書き込みをお願いいたします🙇‍♂️

[うなこ]

iphoneのsafariで見た時に、ページ遷移する時に2階層目のメニューを開くと、メニューが閉じようと（メニュースライド方向はドロップの場合）上に動くので、それを治したい、ということであっていますか。

[うなこ]

グリッドカラムカードブロックの設定から幅を変更できます。

グリッドカラムカードブロックを選択して、ブロック設定画面の「カラム幅設定」のカラムの最小サイズ（PC、タブレット、モバイル）で調整してください。（添付画像）

Attachments:

You must be logged in to view attached files.

[うなこ]

以下のCSSでどうでしょうか。
意図と違っていましたら教えてください。

/*ナビ カレントページの下線をnoneに*/
.global-nav-list>li[class*=current]::before {
   content:none;
}

[うなこ]

状況が違うかもしれませんが、過去にCTA作成時、outerブロックに背景画像を設定すると、”更新に失敗しました。返答が正しいJSONレスポンスではありません。”というメッセージが出て更新できない方がいらっしゃいました。

以下のフォーラムは参考になりますでしょうか。

outerブロックに背景画像が設定できません（CTAのみ）

[うなこ]

新規ボタンを配置してもエラーになるのですね…。

まだ原因がわかりませんが、
ブラウザはEdgeをご利用のようですが、Google Chromeブラウザで確認するとどうなりますか？エラーが出ていますか？

[うなこ]

添付ありがとうございます。
画像内のボタンのコードと、私の環境のVKボタンのコードを見比べてみましたが、特に違いがありませんでした。

原因がまだわかっておりませんが、新規でVKボタンを設置した場合は編集できますか？
それとも保存して再度開くと「このブロックでエラーが発生したためプレビューできません。」のエラーになりますか？

[うなこ]

こんにちは！以下のエラーの共有方法「1. 投稿内容を共有」の部分を確認して、エラーファイルを共有することは可能でしょうか。

フォーラム・エラー共有方法

[うなこ]

ケース2）
背景色として全幅のOuterブロックを配置し「コンテナ内側のスペース設定」を設定する。
その上に通常幅のOuterブロックを配置すると、上記の背景色用のOuterブロックの「コンテナ内側のスペース設定」の数字がこちらにも反映されてしまう。（WordPress編集画面上の設定数字をいじっても反映されない、実際のページの表示を確認すると下敷きにしたOuterブロックの設定値を継承してしまう）

私の環境では再現できませんでしたが、
ただ、全幅サイズで、余白 (左右)：コンテンツエリアに合わせる にした時に、コンテナ内部のスペース設定がPCサイズで（テーマ側のcssに上書きされる）効いていないのは確認できました。

▼社内用issue
https://github.com/vektor-inc/vk-blocks-pro/issues/1612

[投稿者]

投稿