Убрать блок в мобильной версии сайта - Joomla 3.x: Общие вопросы

Здравия специалисты.
Не получается в мобильной версии убрать блок меню. На рисунке красным овалом:
При просмотре в мобильной версии он остается и занимает лишнее место, а хочется чтобы исчезал.
В стилях записал:
@media (max-width:400px) { .uk-navbar .tm-navbar {visibility: hidden; display: none;} }

Сам код через Инспектор Хрома такой:

Сам сайт https://mathematics-tests.com/
Подскажите, пожалуйста, где накосячил?
Заранее благодарен.

.uk-navbar .tm-navbar

тут пробел не нужен

.uk-navbar .tm-navbar

тут пробел не нужен

Жаль, не помогло.

@media (max-width:400px) {
  #menu-outer {display: none;}
}

@media (max-width:400px) {
  #menu-outer {display: none;}
}

Пробовол, нифига

потому что ваши стили не применяются. проверьте - добавляются ли они на страницу. лучше вообще для теста в код страницы добавить.

и еще попробуйте в таком формате медиа прописать:

Хмм, странно. Вроде добавляю туда:
https://mathematics-tests.com/templates/jp-school/css и в соответсвенный файл.

Благодарю, сработало. Кэш надо чистить!

@media (max-width:400px) {
  #menu-outer {display: none;}
}

в таком варианте - убираем только визуально
А так, чтобы убрать и в коде то как сделать?
   Есть вариант --- условие вывода модуля \ позиции, но как построить самое условие?
 

В Joomla 3 можно так попробовать

В Joomla 3 можно так попробовать

Код

$isMobile = JFactory::getApplication()->client->mobile;
if (!$isMobile) {
// Не мобильное устройство, вывод блока
}

Так понимаю, что если не мобильный -- то выводим или как?
Наверное где-то партачу, не могли бы привести полный скрипт?
Заранее, благодарю