1
Мобильная Версия Сайта
Автор Avrora, 26 нояб. 2015 17:59
Сообщений в теме: 30
#21
Отправлено 21 Декабрь 2015 - 19:23
Здравствуйте! после добавления кнопки "обратный звонок" и заполнения главной страницы контентом и изображениями - в мобильной версии главная отображается некорректно. как адаптировать информацию на главной и "уместить контент" в вертикальную прокрутку?
#22
Отправлено 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 /> </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;" /> </p> <br /> <br /> <br /> <br /> <br />
#23
Отправлено 21 Декабрь 2015 - 20:22
Firefly (21 Декабрь 2015 - 19:32) писал:
Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
Замените на:
Зайдите в админ. панель -> Сайт -> Страницы -> перейдите в редактирование основной страницы, нажмите на кнопку "Источник" и найдите код:
Замените на:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> 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 /> </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;" /> </p> <br /> <br /> <br /> <br /> <br />
Спасибо! Как поправить в мобильной версии кнопку "обратный звонок"? чтобы она полностью влезла и уменьшить ее?
#24
Отправлено 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;}
#26
Отправлено 02 Февраль 2016 - 16:13
Здравствуйте! как в мобильной версии сайта убрать горизонтальную прокрутку на вот этой вот странице? http://potolki.homec...schet-stoimosti
#27
Отправлено 02 Февраль 2016 - 17:00
galya.bu7 (02 Февраль 2016 - 16:13) писал:
Здравствуйте! как в мобильной версии сайта убрать горизонтальную прокрутку на вот этой вот странице? http://potolki.homec...schet-stoimosti
Здравствуйте, У Вас отображается горизонтальный скролл из-за таблицы. Что нужно с ней сделать? Можно попытаться ужать ее в размер экрана телефона, или как вариант, скрывать эту таблицу в мобильной версии и добавлять ссылку на файлик "Прайс лист"?
#28
Отправлено 02 Февраль 2016 - 17:43
Юля123 (02 Февраль 2016 - 17:00) писал:
Здравствуйте, У Вас отображается горизонтальный скролл из-за таблицы. Что нужно с ней сделать? Можно попытаться ужать ее в размер экрана телефона, или как вариант, скрывать эту таблицу в мобильной версии и добавлять ссылку на файлик "Прайс лист"?
#29
Отправлено 03 Февраль 2016 - 04:48
В main.css добавьте:
.htmlDataBlock .box-content table { width: 100% !important; } .htmlDataBlock .box-content table td { width: auto !important; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных