Запрет вывода логотипа

  • 2 Ответов
  • 773 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

Запрет вывода логотипа
« : 02.04.2016, 02:14:38 »
Использую код для вывода логотипа и названия сайта с описанием:
Код
<a class="logo" href="<?php echo $this->baseurl; ?>/">
        <?php echo $logo; ?>
        <?php if ($this->params->get('sitetitle')) : ?>
<?php echo '<span class="site-title">' . htmlspecialchars($this->params->get('sitetitle')). '</span>'; ?>
<?php endif; ?>
<?php if ($this->params->get('sitedescription')) : ?>
<?php echo '<span class="site-description"><small>' . htmlspecialchars($this->params->get('sitedescription')). '</small></span>'; ?>
<?php endif; ?>
</a>

Как сделать, что бы при просмотре на экране с разрешением менее 800px логотип скрывался, а выводилось только название сайта

Re: Запрет вывода логотипа
« Ответ #1 : 02.04.2016, 03:49:51 »
Можно добавить CSS правило для элемента, имеющего определённый класс (если его нет, то этот класс надо установить):

Код
@media (max-device-width: 800px) {
    .logo-image {
        display: none;
    }
}

Или же можно попробовать без добавления класса:

Код
@media (max-device-width: 800px) {
    .logo img {
        display: none;
    }
}
« Последнее редактирование: 02.04.2016, 04:15:14 от Филипп Сорокин »
Ставь лайк, если согласен, и делай репост!

  => мои публикации
    => мои работы
      => спектр моих услуг

Re: Запрет вывода логотипа
« Ответ #2 : 04.04.2016, 02:41:06 »
спасибо  :D