Перейти к содержимому


Мобильная Версия Сайта


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 30

#21 galya.bu7

galya.bu7

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 323 сообщений
  • ГородСмоленск

Отправлено 21 Декабрь 2015 - 19:23

Здравствуйте! после добавления кнопки "обратный звонок" и заполнения главной страницы контентом и изображениями - в мобильной версии главная отображается некорректно. как адаптировать информацию на главной и "уместить контент" в вертикальную прокрутку?

Изображение

#22 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 810 сообщений

Отправлено 21 Декабрь 2015 - 19:32

Просмотр сообщенияgalya.bu7 (21 Декабрь 2015 - 19:23) писал:

Здравствуйте! после добавления кнопки "обратный звонок" и заполнения главной страницы контентом и изображениями - в мобильной версии главная отображается некорректно. как адаптировать информацию на главной и "уместить контент" в вертикальную прокрутку?

Изображение

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.preimushchestva {
padding: 0 30px 0 30px;
margin: 0 auto;
width: 1000px;
}

Замените на:
.preimushchestva {
padding: 0 30px 0 30px;
margin: 0 auto;
width: 100%;
}

Зайдите в админ. панель -> Сайт -> Страницы -> перейдите в редактирование основной страницы, нажмите на кнопку "Источник" и найдите код:
<p><img alt="производители натяжных потолков" src="http://st.storeland.net/11/1788/807/partners.png" style="width: 396px; height: 93px; float: left; margin-left: 365px; margin-right: 365px;" /><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
&nbsp;</p>

Замените на:
<br />
<p><img alt="производители натяжных потолков" src="http://st.storeland.net/11/1788/807/partners.png" style="width: 396px; height: 93px;margin: 0 auto;display: block;" />&nbsp;</p>
<br />
<br />
<br />
<br />
<br />


#23 galya.bu7

galya.bu7

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 323 сообщений
  • ГородСмоленск

Отправлено 21 Декабрь 2015 - 20:22

Просмотр сообщенияFirefly (21 Декабрь 2015 - 19:32) писал:

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.preimushchestva {
padding: 0 30px 0 30px;
margin: 0 auto;
width: 1000px;
}

Замените на:
.preimushchestva {
padding: 0 30px 0 30px;
margin: 0 auto;
width: 100%;
}

Зайдите в админ. панель -> Сайт -> Страницы -> перейдите в редактирование основной страницы, нажмите на кнопку "Источник" и найдите код:
<p><img alt="производители натяжных потолков" src="http://st.storeland.net/11/1788/807/partners.png" style="width: 396px; height: 93px; float: left; margin-left: 365px; margin-right: 365px;" /><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
&nbsp;</p>

Замените на:
<br />
<p><img alt="производители натяжных потолков" src="http://st.storeland.net/11/1788/807/partners.png" style="width: 396px; height: 93px;margin: 0 auto;display: block;" />&nbsp;</p>
<br />
<br />
<br />
<br />
<br />

Спасибо! Как поправить в мобильной версии кнопку "обратный звонок"? чтобы она полностью влезла и уменьшить ее?


Изображение

#24 RedHead

RedHead

    Активный участник

  • Модераторы
  • 1 052 сообщений

Отправлено 21 Декабрь 2015 - 21:01

Просмотр сообщенияgalya.bu7 (21 Декабрь 2015 - 20:22) писал:

Спасибо! Как поправить в мобильной версии кнопку "обратный звонок"? чтобы она полностью влезла и уменьшить ее?

Здравствуйте! Попробуйте в шаблоне main.css после строки
@media all and (max-width: 481px) {
добавить
.callback.fancybox\.ajax {font-size: 11px;padding: 4px !important;margin-top: -5px !important;}


#25 galya.bu7

galya.bu7

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 323 сообщений
  • ГородСмоленск

Отправлено 22 Декабрь 2015 - 08:27

Просмотр сообщенияRedHead (21 Декабрь 2015 - 21:01) писал:

Здравствуйте! Попробуйте в шаблоне main.css после строки
@media all and (max-width: 481px) {
добавить
.callback.fancybox\.ajax {font-size: 11px;padding: 4px !important;margin-top: -5px !important;}
Спасибо! помогло!

#26 galya.bu7

galya.bu7

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 323 сообщений
  • ГородСмоленск

Отправлено 02 Февраль 2016 - 16:13

Здравствуйте! как в мобильной версии сайта убрать горизонтальную прокрутку на вот этой вот странице? http://potolki.homec...schet-stoimosti

#27 Юля123

Юля123

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 02 Февраль 2016 - 17:00

Просмотр сообщенияgalya.bu7 (02 Февраль 2016 - 16:13) писал:

Здравствуйте! как в мобильной версии сайта убрать горизонтальную прокрутку на вот этой вот странице? http://potolki.homec...schet-stoimosti

Здравствуйте, У Вас отображается горизонтальный скролл из-за таблицы. Что нужно с ней сделать? Можно попытаться ужать ее в размер экрана телефона, или как вариант, скрывать эту таблицу в мобильной версии и добавлять ссылку на файлик "Прайс лист"?

#28 galya.bu7

galya.bu7

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 323 сообщений
  • ГородСмоленск

Отправлено 02 Февраль 2016 - 17:43

Просмотр сообщенияЮля123 (02 Февраль 2016 - 17:00) писал:

Здравствуйте, У Вас отображается горизонтальный скролл из-за таблицы. Что нужно с ней сделать? Можно попытаться ужать ее в размер экрана телефона, или как вариант, скрывать эту таблицу в мобильной версии и добавлять ссылку на файлик "Прайс лист"?
Давайте попробуем Ужать ее в мобильной версии? как это можно сделать?

#29 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 03 Февраль 2016 - 04:48

В main.css добавьте:
.htmlDataBlock .box-content table {
	width: 100% !important;
}
.htmlDataBlock .box-content table td {
	width: auto !important;
}


#30 galya.bu7

galya.bu7

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 323 сообщений
  • ГородСмоленск

Отправлено 03 Февраль 2016 - 10:28

Просмотр сообщенияVaccina (03 Февраль 2016 - 04:48) писал:

В main.css добавьте:
.htmlDataBlock .box-content table {
width: 100% !important;
}
.htmlDataBlock .box-content table td {
width: auto !important;
}
к сожалению, не помогает. горизонтальная прокрутка сохраняется

#31 RedHead

RedHead

    Активный участник

  • Модераторы
  • 1 052 сообщений

Отправлено 03 Февраль 2016 - 10:36

Просмотр сообщенияgalya.bu7 (03 Февраль 2016 - 10:28) писал:

к сожалению, не помогает. горизонтальная прокрутка сохраняется

Здравствуйте. Попробуйте очистить кэш. Горизонтальной прокрутки на этой странице сейчас не наблюдаем.




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных