VWSとは フォーラム Lightning [ 解決済 ] スマホのバーガーメニューの四角エリアを消したい

このトピックには9件の返信が含まれ、2人の参加者がいます。1 ヶ月、 3 週間前 Yoshi さんが最後の更新を行いました。

10件の投稿を表示中 - 1 - 10件目 (全10件中)
  • 投稿者
    投稿
  • #14499

    Yoshi
    参加者

    LightningPro+Paleにてサイト作成中です。

    スマホで表示して、バーガーメニューを開くと
    最初に四角罫線のエリアが表示されます。

    以前のこのフォーラムで

    外観 > 追加CSS で

    .vk-mobile-nav {
    box-shadow:none;
    }

    で消える

    とありましたので、実行しましたが
    消えません。

    他にこの四角罫線エリアを消す方法はありませんでしょうか?

    よろしくお願いします。

    #14508

    kurudrive
    参加者

    下記でいけるかと思います。

    .vk-mobile-nav-menu-btn { border:none; }

    ↓ このへん見ると細かい指定が出来るようになります。参考まで。

    全てのWordPressテーマで使える!デザインをピンポイントで変更する方法 〜親テーマのCSSは書き換えないで〜

    #14513

    Yoshi
    参加者

    ご回答、あるがとうございます。

    カスタマイズ>>追加CSSに加えてみましたが変わりませんでした。

    .vk-mobile-nav-menu-btn { border:none; }

    このままコピペしただけではだめなのでしょうか?

    それともiOSではだめなのでしょうか?

    お手数をおかけしますが、よろしくお願いします。

    #14514

    kurudrive
    参加者

    ハンバーガーメニューの枠線は先述のコードで消えるので、
    すみません『最初に四角罫線のエリア』というのはもう少し詳しくどこの事を指していますか?

    #14515

    Yoshi
    参加者

    いま、Androidの端末で見たら消えていました。
    というか、最初っから出ないようです。

    最初に四角罫線のエリアっていうのは
    バーガーメニューを押して現れる画面の上のエリア、
    つまり、左上にXマークが出ますが、その下あたりに薄い四角罫線で囲まれたエリアがあって、
    その下にメニューが表示されます

    先ほど、追加のCSSの記述を消してみましたが、
    Android端末ではこの「四角罫線」は出ません。

    しかし、iPhoneやiPadでは出るようです。

    #14516

    kurudrive
    参加者

    外観 > カスタマイズ > ウィジェット > モバイルナビ上部 のあたりという事でしょうか?

    もしかしたらデモサイトのバナーのウィジェットが設定されているけれど画像が無いとかそういう状態かもしれません。

    #14517

    Yoshi
    参加者

    これで見ていただけるでしょうか?
    iPhoneで見た画面です。

    https://drive.google.com/open?id=1Z2HDHSn5zjXDrNQq5OIuU0sHniznK1_1

    #14518

    Yoshi
    参加者

    当該サイトのURLを下記に示します。

    ホーム

    これをiPhoneかiPadでみてもらってバーガーメニューを押してもらうと先ほどのような画面になると思うのですが・・

    #14520

    kurudrive
    参加者

    外観 > カスタマイズ > ウィジェット > モバイルナビ上部 に設定されているウィジュエットが存在しない画像を読み込んでいるので削除してください。

    #14521

    Yoshi
    参加者

    ありがとうございます!
    消えました。

    こんなところにテキストボックスを置いていたんですね・・

    お手数をおかけして、申し訳ございませんでした。
    今後ともよろしくお願いします。

10件の投稿を表示中 - 1 - 10件目 (全10件中)

このトピックに返信するにはログインが必要です。