Скрыть блок при двойном условии

Как можно скрыть блок если допустим размер экрана меньше 600, и при этом пользователь не зарегистрирован? т.е. выполнение двойного условия должно скрывать блок, желательно при помощи css. Заранее благодарен

 

Есть мысли?

 

Добрый день, конечно есть.
Условие + CSS.

 

а как это прописать? допустим мы имеем вот такие условия
{$visitor.user_id} if max-width:610px

 

Для css есть свои условия, что то типо этого:

Код:

@media (max-width: 610px)
.Responsive .pageWidth {
     display: none;
}

 

но ведь в данном примере проверка условия на размер экрана только, а надо одновременно проверку на гостя и проверку на размер экрана

 

max-width: 610px
это у нас скроет блок по параметру размера
а как в css прописать чтоб не зарег пользователь тоже скрыл блок
тип одновременно (не зарег пользователь+ дисплей мал) скроют блок

 

Привет ещё раз, если для гостя, то используй класс:
.LoggedOut

 

спасиб, теперь надо думать как сделать двойное условие

 

Это как? Подставьте перед классом .LoggedOut и будет работать как Вам нужно.

 

Ну так вы написали в первом посте.
Скрыть при опр. разрешении экрана и при этом юзверь должен быть гостем, я скинул сверху класс, который работает как условие.

 

Туплю просто с записью этого
@media (max-width: 610px and .LoggedOut)
{
publicTabs, .logo
}

 

Какое ещё and? Внутри идёт.

Код:

@media (max-widh: 610px)
{
тут
}

 

спасибо, логотип скрывается, а вот менюха нет:C publicTabs

 

Если ошибок в коде нет, то тогда выставьте приоритет.

 

Спасибо, чисто засунул это всё в начало css

 

Я говорил вообще то про !important