Вы можете использовать инструмент «Инспектор стилей» в вашем браузере. Он показывает, что объявление переопределяется более специфичным правилом на мобильных устройствах:
Таким образом, вы можете либо самостоятельно использовать более специфичное объявление для мобильных устройств:
body:not([class*="category-"]) .list-controls .container #create-topic {
display: none;
}
Или придать вашему общему объявлению приоритет с помощью свойства !important:
body:not([class*="category-"]) #create-topic {
display: none !important;
}