WordPress дополнительные CSS не изменит поля моего ряда

Question

Я довольно новичок в дизайне веб-сайтов, в настоящее время я использую плагин "Простой CSS", чтобы добавить CSS на свой сайт и сделать его удобным для мобильных устройств. Например,

@media (max-width: 768px) {
    .seperator {  
        display: none;
    }
    .row_01 {  
        margin-left: 0px;
    }
}

, чтобы избавиться от него.ненужный контент на мобильном телефоне и переупорядочить / заменить элементы.В этом случае поле строки не изменится.Окружающий контейнер также не имеет поля.Что-то еще типа

display: none;

будет применяться к строке, но, очевидно, это не то, что я хочу.Также добавление

!important

не имеет никакого эффекта.Я использую WP-тему "The7", возможно, это важно.Чего мне не хватает?

Answer 1

попробуйте изменить приоритет загрузки по умолчанию для файла css из плагина:

add_action( 'plugins_loaded', function() {
    remove_action( 'wp_head', 'simple_css_generate' );
    add_action( 'wp_head', 'simple_css_generate', 999);
} );

Установите максимальный приоритет, чтобы CSS загружался как можно быстрее.

Answer 2

@media all and (max-width: 768px)

Answer 3

Попробуйте очистить кеш .. Попробуйте Ctrl + F5 (если вы используете Windows)