Не сжимается шапка в мобильной версии
eraera12
Ребята, всем привет!
Проблема: в мобильной версии шапка не сжимается, а просто отображается кусок шапки.
Лицензия Артистир 4.1. Joomla 1.5.
Нормально расркывается, только когда телефон перевернешь горизонтально.

Кто-нибудь сталкивался?
Прикрепленные файлы:
bcqv3kc4dcm_59adaf27a1a48.jpg
122.22 Кб | Скачали: 7 раз
xttbrdsrx4q_59adaf27a6a80.jpg
72.57 Кб | Скачали: 3 раза
Степаныч
Все верно, потому что изображение в шапку вставляется фоном, а фон не масштабируется, а скрывается лишнее. Сделать можно, но надо править в ручную.

В этих темах решерие по вопросу:

https://artisteer-rus.com/forum/thread658-1.html

https://artisteer-rus.com/forum/thread643-1.html
eraera12
Степаныч:

Все верно, потому что изображение в шапку вставляется фоном, а фон не масштабируется, а скрывается лишнее. Сделать можно, но надо править в ручную.

В этих темах решерие по вопросу:

https://artisteer-rus.com/forum/thread658-1.html

https://artisteer-rus.com/forum/thread643-1.html

У меня на это мозгов не хватает))
Я даже файлик header.php не смог найти.

Кстати, заметил, что в версии 4.3 и если ставить на Joomla 2.5, то шапка отображается целиком на мобильных устройствах.
Handy
eraera12:
Я даже файлик header.php не смог найти.

header.php это в Вордпрессе, а в Joomla файл index.php. Если его открыть блокнотом Notepad++. Примерно около 42 строки будет:

Код PHP:
  1.  
  2. <div class="header">
  3. <div class="logo">
  4. <h1 class="logo-name"><a href="<?php echo $document->baseurl; ?>/"><?php echo $this->params->get('siteTitle'); ?></a></h1>
  5. <h2 class="logo-text"><?php echo $this->params->get('siteSlogan'); ?></h2>
  6. </div>
  7.  
  8. </div>
  9.  
  10.  
Может немного отличаться. Главное нужны:

<div class="header">

</div>

Вот в любое место между ними и надо вставить из той темы:

Код PHP:
  1. <img width="100%" src="URL картинки" alt="Мой сайт" title="Мой сайт"/>
Где вместо URL картинки надо написать правильный ЮРЛ до картинки.


eraera12:
Кстати, заметил, что в версии 4.3 и если ставить на Joomla 2.5, то шапка отображается целиком на мобильных устройствах.

Не... во второй теме уже отвечали, что это только кажется. Хотя может быть на каком макете шапки и работает. music
Редактировалось: 1 раз (Последний: 5 сентября 2017 в 14:38)
качественное продвижение и раскрутка сайтов в сеопульте
eraera12
Спасибо за помощь!
Сделал. Но теперь шапка на шапку наплывает))
Сама на себя))

Именно в мобильной версии.
Malover
Потому что тему не внимательно прочитали. Там еще надо убрать из стилей старый фон:

https://artisteer-rus.com/forum/thread658-1.html#6202

Для джумлы в файле css/template.css вашего шаблона. Надо найти:

Код PHP:
  1.  
  2. .art-header
  3. {
  4. margin:0 auto;
  5. position:relative;
  6. height: 190px;
  7. background-image: url('images/header.png');
  8. background-position: center top;
  9. background-repeat: no-repeat;
  10. background-size: contain;
  11. }
  12.  
  13. .responsive .art-header
  14. {
  15. background-image: url('images/header.png');
  16. background-position: center center;
  17. }
  18.  
  19.  
  20.  
и в них убрать эту строку. background-image: url('images/header.png');

Только вообще все это не правильно, вставлять названия сайта, телефоны и др. нарисованным на фоне.

Тогда бы все брали и рисовали страницы целиком в фотошопе, в виде изображения, а тексты поверху вставляли в редакторе.

Все должно быть как положено с копируемыми названиями сайта, с кликом по логотипу сайта на главную страницу, с возможность. скопировать в блокнот адрес предприятия и телефон и тд.

Что бы на мобильном был нормальный размер текста, а не сжатая картинка, с не возможностью разглядеть что на ней написано.

Поэтому это путь в никуда, но если считаете так легче, решать вам.
eraera12
Понял. Сейчас попробую!
Кстати, сейчас заметил, что если поставить выравнивание шапки по левому краю (в самом Артистире), то шапка отлично сжимается без всяких правок.
Зацените сами:
Скрытый текст виден только зарегистрированным пользователям
. У меня с 5-го Айфона все ок.
Malover
eraera12:
Зацените сами

Если проверкой адаптивности, тогда на мобильных хорошо:



А вот на планшетах немного не очень:



У блока меню справа пустое пространство.

Возможно как вариант сделать на сайте обе колонки сайдбаров справа. Тогда они будут уходить в низ, Что конечно не очень. Или поправить ширину блока в файле /css/template.responsive.css в строке 39

Код PHP:
  1.  
  2. .responsive.responsive-tablet .r-vmenublock, .responsive.responsive-tablet .r-block {
  3. box-sizing: border-box;
  4. float: left;
  5. margin-left: 1%;
  6. margin-right: 1%;
  7. width: 48%;
  8. }
  9.  
  10.  
Заменить width: 48% на 98%. 98 потому что у вас уже есть по 1% отступов с лева и права в правиле.
eraera12
Офигеть!
Блин, а я вроде отключил в мобильной версии вывод боковых колонок. Странно, что они там есть.((
Спасибо за ответы и помощь!
eraera12
Здравствуйте!
Покопался..офигел!
Получается, что версия Артистира 3 делала шаблоны лучше, т.к. все сайты нормально и на планшетах открываются, и на телефонах.
Версия 4.1 и 4.3 везде криво на планшетах, т.к. сначала почему-то выводятся сайдбары.

Это косяк программы? Есть какое-нибудь универсальное и качественное решение проблемы?
Придется кучу сайтов переделывать.

Если не разберусь, можете свою почту дать? Я бы у вас проконсультировался. По оплате бы сказали сколько))
eraera12
Сделал по вашей инструкции.
Прописал путь к шапке. Стер background-image: url('images/header.png');
Все ок. Шапка стала целой, но появился адский отступ между шапкой и меню))

Причем только на телефоне. На планшете все ок.
Прикрепленные файлы:
ep6vcimxp8q_59afd20729e06.jpg
117.54 Кб | Скачали: 2 раза
Malover
eraera12:
Шапка стала целой, но появился адский отступ между шапкой и меню))

Он не появился, он был, темы полностью перечитайте.

Самое простое в этом случае можно подобрать общий фон по цвету с изображением, background-image: url('images/header.png'); заменить на background-color: #000000; где 000000 ваш розовый цвет.

По версиям программы ничего сказать не могу, 4.1 была уже давно.

eraera12:
Если не разберусь, можете свою почту дать? Я бы у вас проконсультировался. По оплате бы сказали сколько))

На заказ не работаю, занят. Насколько знаю из постоянных пользователей заказы никто не принимает. Раньше была доска фрилансеров там несколько объявлений было.
eraera12
Malover, что же тогда делать? Как вы сами решили проблему с сайдбарами на планшетах?
Такая ерунда и на версии 4.1, и на самой последней 4.3.
Разработчики что-то говорили по этому поводу?

P.S. изменение на 98% не помогло((
Malover
eraera12:
P.S. изменение на 98% не помогло((

У меня все работает



eraera12:
Malover, что же тогда делать? Как вы сами решили проблему с сайдбарами на планшетах?
Такая ерунда и на версии 4.1, и на самой последней 4.3.
Разработчики что-то говорили по этому поводу?

Если блоков в колонке несколько и их правильно настроить, блоки будут заполнять все свободное пространство:



Можно ли это считать проблемой, не знаю. Наверное просто выбрали этот способ.Добавлено спустя 4 минутыЗЫ: еще вариант. Сделайте каждый пункт вашего "меню" отдельным блоком, с выключенным названием блока, и будет все нормально без пиления.
eraera12
Да это адская проблема)))
Вместо контента посетителю первым экраном отдавать сайдбары.
Я думал, тут народ нашел решение, чтобы с планшетов просто открывалась декстопная версия с колонками по бокам.

Вот пример шаблона, который сделал в 3-й версии:
Скрытый текст виден только зарегистрированным пользователям

Все четко.

А тут 4-я версия и такая ж...па)
Перейти на форум:
Страницы: 1 2 > >>
Быстрый ответ
У вас нет прав, чтобы писать на форуме.