[РЕШЕНО]Скрыть пункт меню на мобильных устройствах - Joomla 3.x: Шаблоны, разметка и макеты вывода

класс к пункту меню hidden-sm hidden-xs

Попробовал также данный метод, но у меня не получилось скрыть.

так просто задайте этому пункту меню свой класс
и в стилях display:none;

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

Так а @media
Для мобилок скрыть

@media screen and (max-width: 768px) {

.newrest{
                display:none;
            }

Никак не получается скрыть, прошу по пунктам описать, как скрыть.

@media (max-width: 767px) {
.newrest{
     display:none !important;
}
}

Меню → Нужное меню → Нужный пункт меню → Параметры страницы → CSS-класс страницы → вводим "newrest".

CSS-код:

Код

@media (max-width: 767px) {
.newrest{
     display:none !important;
}
}

Здравствуйте!
А подскажите пожалуйста в  какой файл нужно ввести этот код?
И где находится этот файл?
Спасибо большое!