[ 解決済 ] スマホのドロワーメニューの位置を少し下げたい

VWSとは フォーラム Lightning [ 解決済 ] スマホのドロワーメニューの位置を少し下げたい

[ 解決済 ] スマホのドロワーメニューの位置を少し下げたい

  • このトピックには4件の返信、2人の参加者があり、最後にshinko020により1年前に更新されました。
5件の投稿を表示中 - 1 - 5件目 (全5件中)
  • 投稿者
    投稿
  • #76343

    ■ WordPress のバージョン
    6.2.2

    ■ テーマ・プラグインは全て最新版で確認してください。
    確認しました。

    ■ テーマの種類
    Lightning ( G3 ) + Lightning G3 Pro Unit

    ■ テーマのバージョン
    15.9.0

    ■ Pro Unit のバージョン
    0.24.1

    ■ スキンの種類
    Origin III

    ■ 期待する動作
    スマホ時に左上にドロワーメニューボタンがありますが、
    この位置を少し下げたい(真ん中にあるロゴと高さを揃えた)です。

    ■ 自分で試した事
    追加CSSに以下を入力しましたが、うまくいかず。
    @media screen and (min-width:768px){
    .admin-bar .vk-mobile-nav-menu-btn {
    top: calc(55px + 5px);
    }
    }

    ■ 症状が発生するブラウザ
    クローム

    ■ 実際の症状
    位置変更できず

    #76344

    min-width を max-width にすればいけると思います。

    #76353

    ありがとうございます。
    すみません、わたしの記載ミスでした。

    min-width を max-width にしているのですが、反映されません。
    !importantも入れてみましたがダメでした。

    @media screen and (max-width:768px){
    .admin-bar .vk-mobile-nav-menu-btn {
    top: calc(65px + 5px)!important;
    }
    }

    #76357

    あー、もしかしたら ↓ こういうことかな。

    .admin-bar .vk-mobile-nav-menu-btn はログインしてツールバーが表示されている状態の指定です。

    管理者以外の人が見るスマホ画面の指定は .vk-mobile-nav-menu-btn だけです。

    たぶん、↓ これだけでいけるはず。

    .vk-mobile-nav-menu-btn {
        top: **px;
    }
    #76360

    ありがとうございます。
    ご指摘の通りでした。
    うまくいきました!

5件の投稿を表示中 - 1 - 5件目 (全5件中)
  • このトピックに返信するにはログインが必要です。