Mobile Navigation BG Color / Пропускающий меню гамбургер

Question

У меня есть несколько вещей, которые мне нужно обойти на моем клиентском сайте Wordpress. У меня есть эта строка кода, которую я пытаюсь переопределить и сделать прозрачной, однако она продолжает возвращаться к синему цвету от исходного стиля. css.

Issue # 1:

<nav class="navbar navbar-dark bg-transparent fixed-top navbar-expand-lg justify-content-between px-md-5 py-4 fullwidth-container" itemscope="" itemtype="http://schema.org/SiteNavigationElement" role="navigation">

Я хотел бы выделить и взять его от:

@media (max-width: 979px)
.navbar-dark.bg-transparent {
    background-color: #2f5be7 !important;
}

до этого:

@media (max-width: 979px)
.navbar-dark.bg-transparent {
    background-color: transparent !important;
}

Выпуск № 2

Мега-меню неправильно отображается на Android. Предполагается, что фактическое подменю имеет страницу www.dwellwellco.com/services, однако раскрывающийся список отображается как # и служит только для страниц подкатегории.

Issue # 3

Как это относится к Мега-меню на Android, когда вы нажимаете на любую из других страниц. Меню гамбургера не открывается при первом нажатии. Вы должны нажать несколько раз (или меню может не открыться вообще.

Спасибо за любую помощь!

---

URL сайта для справки: www.dwellwellco.com

Answer 1

О Выпуск № 1 :

однако, он продолжает возвращаться к синему от оригинального стиля. css.

Вы можете создать дочернюю тему , установить таблицу стилей родительской темы как зависимость от таблицы стилей дочерней темы, чтобы обеспечить ее загрузку после этого.

Пример, предоставленный WordPress docs :

<?php
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
    $parent_style = 'parent-style'; // This is 'twentyfifteen-style' for the Twenty Fifteen theme.

    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array( $parent_style ),
        wp_get_theme()->get('Version')
    );
}

А затем добавьте свои CSS правила, то есть

@media (max-width: 979px)
.navbar-dark.bg-transparent {
    background-color: transparent !important;
}

в тему вашей дочерней темы style.css