Joomla 3.0 Скрыть логотип, если сайт на мобильном устройстве

Question

Задача с указанным выше названием, найти логотип и как создать пользовательский модуль HTML. Как мне поступить?

• Я не могу редактировать индекс сайта напрямую, если нет способа сделать это в Joomla.

Answer 1

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

Answer 2

Joomla 3 основана на Twitter Bootstrap. Существуют вспомогательные классы CSS, такие как ".hidden-phone" - попробуйте добавить это в свой модуль CSS (без точки). Если шаблон был разработан кем-то другим, попросите его рассказать, какой именно класс CSS вы должны использовать. Проверьте документацию

Answer 3

Не зная, какой шаблон вы используете (некоторые шаблоны просто не загружают загрузчик), но при условии, что вы загрузили загрузчик, вам нужно отредактировать файл css в каталоге шаблонов - templates / your_template / css / your_css_templatename.css

Здесь вы должны использовать медиазапросы и найти @media, которую вы хотели бы изменить. Приведите примеры. Затем, внутри одного из них, которые вы можете выяснить, будет соответствовать вашим потребностям, установите селектор идентификатора логотипа и атрибут для отображения: нет; (пример ниже)

/* Large desktop */
@media (min-width: 1200px) { ... }

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { ... }

/* Landscape phones and down */
@media (max-width: 480px) { 
     #your_logo {
        display: none;
    }
}

Опции выше будут работать, даже если загрузчик не загружен. Если у вас загружен загрузчик, и вы можете установить атрибут class в логотипе, вы можете использовать .hidden-phone служебный класс.