Новости Joomla

Quantum Manager нужен сообществу, а автору нужна ваша поддержка!

Quantum Manager нужен сообществу, а автору нужна ваша поддержка!Файловый менеджер Quantum — одно...

Файловый менеджер Quantum — одно из самых популярных решений для Joomla, созданное разработчиком из сообщества Joomla, Дмитрием Цымбалом (@tsymbalmitia). Он делает Quantum удобным, безопасным и современным, обновляет его, исправляет уязвимости и отвечает пользователям — всё это в свободное от основной работы время.

Теперь настал момент для следующего шага: развитие проекта требует больше времени и ресурсов.

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

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

  • Гуру
  • 5072
  • 319 / 1
  • От 300 руб быстрый хостинг. Сервера.
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
Просмотров: 841
Последний ответ 30.01.2024, 21:38:18
от rezchik
Адаптивность главного меню в Joomla 3

Автор gaaz2005

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

Автор mdlv

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

Автор studentbgtu

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