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

Zeya

  • Захожу иногда
  • 177
  • 0 / 0
Адаптивность beez3
« : 30.12.2019, 00:12:41 »
Друзья, подскажите, пожалуйста, как сделать в Beez3 (немного отредактированном) текст в шапке на экране телефона сжимался (иначе не влезает), а на компе расширялся? Не найду, где кодом прописано вывод для телефона...
Сайт: kinsevera.ru


« Последнее редактирование: 30.12.2019, 00:18:42 от Zeya »
*

draff

  • Гуру
  • 5801
  • 434 / 7
  • ищу работу
Re: Адаптивность beez3
« Ответ #1 : 30.12.2019, 07:33:35 »
Ширину прописать 100%
Код
#logo {
margin-top: 0;
margin-left: 10px;
display: block;
padding: 40px 20px 20px 10px;
width: 100%;
font-weight: bold;
font-family: Georgia, 'Times New Roman', Times, serif;
font-style: italic;
line-height: 1em;
}
/templates/beez3/css/position.css
*

wishlight

  • Живу я здесь
  • 4996
  • 294 / 1
  • от 150 руб быстрый хостинг без блокировок
Re: Адаптивность beez3
« Ответ #2 : 30.12.2019, 10:37:05 »
Код
@media only screen and (max-width: 480px) {
#logo {
margin-left: 0;
width: 100%;
padding: 20px 5px 20px 5px;
}
#logo span.header1 {
padding-left: 0;
}
}

Ну или сюда /templates/beez3/css/personal.css
в 400 строке

Код
#logo {
margin-left: 0;
width: 100%;
padding: 20px 5px 20px 5px;
}
#logo span.header1 {
padding-left: 0;
}
« Последнее редактирование: 30.12.2019, 10:40:32 от wishlight »
*

Zeya

  • Захожу иногда
  • 177
  • 0 / 0
Re: Адаптивность beez3
« Ответ #3 : 30.12.2019, 15:22:16 »
draff, wishlight, спасибо, получилось! Но, почему-то с телефона теперь шрифт первой надписи увеличился....

*

draff

  • Гуру
  • 5801
  • 434 / 7
  • ищу работу
Re: Адаптивность beez3
« Ответ #4 : 30.12.2019, 18:02:55 »
А с другого смарта попробовать ? А еще лучше проверьте в Google адаптив для мобильных.
« Последнее редактирование: 30.12.2019, 18:06:35 от draff »
*

Zeya

  • Захожу иногда
  • 177
  • 0 / 0
Re: Адаптивность beez3
« Ответ #5 : 30.12.2019, 22:01:12 »
draff, спасибо! Надеюсь, у пользователей будет корректно отображаться!)
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Заголовок в beez3

Автор rezchik

Ответов: 2
Просмотров: 329
Последний ответ 30.01.2024, 21:38:18
от rezchik
Адаптивность главного меню в Joomla 3

Автор gaaz2005

Ответов: 3
Просмотров: 595
Последний ответ 04.03.2018, 16:41:48
от lexxbry
Шаблон beez3 и поддержка мобильных устройств

Автор mdlv

Ответов: 2
Просмотров: 792
Последний ответ 25.10.2017, 17:00:35
от mdlv
Как сделать шапку (новую позицию модуля) в шаблоне beez3 в Joomla 3?

Автор studentbgtu

Ответов: 6
Просмотров: 2721
Последний ответ 08.08.2016, 19:10:29
от studentbgtu