Lightning Proスマホのメニューが表示されない？

とりあえず、下記を実行してみてください。

• テーマとプラグインを更新してみる
  ↑ インポート直後は古いバージョンがインストールされています。
  ↑ 最新版ならその不具合は起こらないと思います。
• 外観 > カスタマイズ > Lightning デザイン設定 から Origin II を選択してみる
  ↑ Origin 等 Bootstrap 3 ベースのスキン ( II シリーズ以外 )は今後 非推奨 → 廃止 になる可能性があります。

• この返信は4年、 11ヶ月前にDRILL LANCERが編集しました。

わたしの環境ではハンバーガーメニュー部分の画像は見えております。
・iPhone8　safariで閲覧

kanekoさんのiPhone6で以下のデモサイトを閲覧したときは
ハンバーガーメニューの画像はでますか？
デモサイト

• この返信は4年、 11ヶ月前にうなこが編集しました。

とりあえず、下記のコードを削除した後、下記を試してみてください。

body .vk-mobile-nav-menu-btn {
background-image: url(画像);
}

• キャッシュプラグインを使用している場合はそのキャッシュを削除
• CDNを使用している場合はそのキャッシュを削除
• ブラウザキャッシュを削除

デモサイトの vk-mobile-nav の部分の CSS を抜粋すると下記のようになっています。

.vk-mobile-nav-menu-btn {
    background-color: rgba(255,255,255,.8);
}
.vk-mobile-nav-menu-btn {
    position: fixed;
    top: 5px;
    left: 5px;
    z-index: 2100;
    overflow: hidden;
    border: 1px solid #333;
    border-radius: 2px;
    width: 34px;
    height: 34px;
    cursor: pointer;
    text-indent: -9999px;
    background: url(../../inc/vk-mobile-nav/package/images/vk-menu-btn-black.svg) center 50% no-repeat;
    background-size: 24px 24px;
    -webkit-transition: border-color .5s ease-out;
    transition: border-color .5s ease-out;
}

下記コードはあってもなくてもOKなはずなので、../../inc/vk-mobile-nav/package/images/vk-menu-btn-black.svgなどが存在していてちゃんと表示できるか確認してみてください。

AddType image/svg+xml .svg
AddType image/svg+xml .svgz

• この返信は4年、 11ヶ月前にDRILL LANCERが編集しました。

「スマホのハンバーガーメニューが、四角枠のみしか表示されていない」

状況の改善事例です

Lightning Pro　2.6.4

Lightning Header Color Manager　を停止

で、スマホのハンバーガーメニューが、表示されました

ハンバーガーメニューが表示されない原因は大きく３つあります。

* HeaderColorCustomizerなどで背景が濃くなる前提のものを使うとデフォルトのCSS指定でアイコンは白になるので、背景が白だとアイコンも白で表示されていないように見える
* サーバーがsvgファイルの表示を許可していない
* ブラウザとの相性

どのブラウザで確認しても表示されない状態でしょうか？
それとも特定のブラウザだけでしょうか？

• この返信は4年、 10ヶ月前にVektor,Incが編集しました。