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

[shinko020]

■ 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);
}
}

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

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

[対馬 俊彦]

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

[shinko020]

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

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

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

[対馬 俊彦]

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

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

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

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

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

• この返信は11ヶ月、 2週前に対馬 俊彦が編集しました。

[shinko020]

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

[投稿者]

投稿