Войти

Авторизация

Логин:
Пароль:
Забыли пароль?
Регистрация
Сайт пользователей Artisteer и Themler. Официальный торговый представитель.

Не сжимается шапка в мобильной версии

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

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

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

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

https://artisteer-rus.com/forum/thread643-1.html
Посетитель
eraera12
Сообщений: 14
12 дней назад
Степаныч:

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

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

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

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

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

Кстати, заметил, что в версии 4.3 и если ставить на Joomla 2.5, то шапка отображается целиком на мобильных устройствах.
Постоянный участник
Handy
Медаль
Сообщений: 734
4 часа назад
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
Сообщений: 14
12 дней назад
Спасибо за помощь!
Сделал. Но теперь шапка на шапку наплывает))
Сама на себя))

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

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
Сообщений: 14
12 дней назад
Понял. Сейчас попробую!
Кстати, сейчас заметил, что если поставить выравнивание шапки по левому краю (в самом Артистире), то шапка отлично сжимается без всяких правок.
Зацените сами:
Скрытый текст виден только зарегистрированным пользователям
. У меня с 5-го Айфона все ок.
Постоянный участник
Malover
Медаль
Сообщений: 599
2 дня назад
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
Сообщений: 14
12 дней назад
Офигеть!
Блин, а я вроде отключил в мобильной версии вывод боковых колонок. Странно, что они там есть.((
Спасибо за ответы и помощь!
Посетитель
eraera12
Сообщений: 14
12 дней назад
Здравствуйте!
Покопался..офигел!
Получается, что версия Артистира 3 делала шаблоны лучше, т.к. все сайты нормально и на планшетах открываются, и на телефонах.
Версия 4.1 и 4.3 везде криво на планшетах, т.к. сначала почему-то выводятся сайдбары.

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

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

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

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

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

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

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

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

P.S. изменение на 98% не помогло((
Постоянный участник
Malover
Медаль
Сообщений: 599
2 дня назад
eraera12:
P.S. изменение на 98% не помогло((

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



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

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



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

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

Все четко.

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