Помощь конфликт css в wordpress

[gordy]

использую тему jannah на wordpress и версию для слабовидящих Для просмотра ссылки Войди или Зарегистрируйся

столкнулся с проблемой, в основной версии сайта все отлично, ну когда захожу в версию для слабовидях было 3 конфликта с картинками и со стрелками в меню, все классы конфликтные выявил

.logo_2x {
    display: none !important;
}

#tie-wrapper #main-nav .menu li.menu-item-has-children > a:before, #tie-wrapper #main-nav .main-menu .mega-menu > a:before {
    border-top-color: #000 !important;
}

.media-overlay .post-thumb:hover img {
  opacity: 0 !important;
}

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

в версии для слабовидящих применяем правило

.logo_2x {
    display: none !important;
}

а в обычной версии

.logo_2x {
    display: inline-block;
}

 

[fAcknet]

добавь дополнительный класс для слабовидящих классу logo_2x

пример
.slaboview .logo_2x {
display: none !important;
}

то есть какой то класс должен добавляться при включении стилей для слабовидящих, его и вставь.