Удаление логотипа для мобильных устройств с помощью CSS

Внести вклад UX
1

Насколько сложно было бы убрать логотип в мобильной версии, оставив его в десктопной? Я понимаю, что можно просто «удалить» загруженный файл мобильного логотипа, но тогда он по умолчанию будет отображаться как десктопный.

Я пробовал

#logo {
  display: none;
}

а также

.logo-pane {
  display: none;
}

но ни один из вариантов не сработал — оба были размещены в разделе «Мобильная». Конечно, я не очень хорошо разбираюсь в CSS. :wink:

1 лайк
2

Если вы добавите своё первое правило CSS во вкладку «Мобильный CSS» вашей темы, это должно помочь удалить логотип. Если вы тестируете это на настольном компьютере, добавьте mobile_view=1 к URL-адресу сайта, чтобы загрузить мобильные стили CSS.

Я не думаю, что удаление логотипа на мобильных устройствах будет удобным для ваших пользователей. Какую проблему вы пытаетесь решить?

7 лайков
3

Кажется, это не работает, боюсь. Я также попробовал site-logo и logo-big.

В теории я полностью согласен с вами — наш экземпляр Discourse работает в WebView с внешними элементами интерфейса, которые делают некоторые стандартные аспекты интерфейса избыточными.

(большинство, если не все, наши пользователи используют мобильные устройства)

редактирование: попробовал снова с site-logo, и всё сработало идеально!

4

Привет,

Вы можете попробовать добавить следующий код в поле «Дополнительные стили» в разделе «Админ-панель» > «Внешний вид» > «Настроить»:

div#logo {
display: none;
}

Спасибо!

1 лайк