Форум русской поддержки Joomla!® CMS
04.12.2016, 18:18:58 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Проблема с медиа-запросами в шапке

 (Прочитано 336 раз)
0 Пользователей и 1 Гость смотрят эту тему.
zeus07
Завсегдатай
*****

Репутация: +8/-0
Offline Offline

Пол: Мужской
Сообщений: 644



« : 06.04.2015, 17:35:46 »

Здравствуйте!

Отверстал сайт: http://georg.artcolorit.com/

В шапке есть 2 картинки с орнаментами, которые сделаны при помощи псевдоклассов :before и :after. До 1366px по ширине ещё вполне сносно смотрится, а вот как настроить высоту этих орнаментов на более высоких разрешениях?

Прописывал через медиа-запросы через !important, но вообще иначе работает. Может кто-то сможет подсказать как это всё-таки реализовать?

Заранее благодарен.
Записан
AlekVolsk
Профи
********

Репутация: +316/-3
Offline Offline

Пол: Мужской
Сообщений: 6452



« Ответ #1 : 06.04.2015, 17:40:47 »

Увеличиваем высоту и смещаем за границы шапки (для верхнего например top:-30px и bottom:-30px для нижнего).
Записан
zeus07
Завсегдатай
*****

Репутация: +8/-0
Offline Offline

Пол: Мужской
Сообщений: 644



« Ответ #2 : 06.04.2015, 17:45:26 »

Увеличиваем высоту и смещаем за границы шапки (для верхнего например top:-30px и bottom:-30px для нижнего).

Не, ну это понятно. Дело в том, что не работают стили почему-то. В данный момент прописаны стили для ширины 1366px:
Код:
@media (max-width: 1366px) {
   .bg-header:before, .bg-header:after {
      height: 115px;
   }
}

Но на этом разрешении они почему-то не подхватываются.
Записан
AlekVolsk
Профи
********

Репутация: +316/-3
Offline Offline

Пол: Мужской
Сообщений: 6452



« Ответ #3 : 06.04.2015, 17:58:56 »

@media (mix-width: 1367px) {
   .bg-header:before, .bg-header:after {
      height: 145px;
   }
   .bg-header:before {
      top: -30px;
   }
   .bg-header:after {
      bottom: -30px;
   }
}
Записан
zeus07
Завсегдатай
*****

Репутация: +8/-0
Offline Offline

Пол: Мужской
Сообщений: 644



« Ответ #4 : 06.04.2015, 18:12:40 »

Всё равно не подтягивается что-то стиль. Через Chrome смотрю
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet