Поломка мобильной верстки страницы

wwizard

Полезный
Регистрация
20 Июл 2009
Сообщения
583
Реакции
19
До моих правок по вставке картинок и прайса - все было хорошо. а теперь поплыла мобильная версия страницы, и прайс через мобилку открывается через одно место: Для просмотра ссылки Войди или Зарегистрируйся - вот сайт. Чтото можно придумать, чтоб поправить ошибки мобильной верстки - и по факту посмотреть юзабилити сайта, так как он создан для рекламы для Я.Директа и Гоогле Адвордса
 

kastembay

Славянин
Регистрация
3 Янв 2013
Сообщения
204
Реакции
120
У вас прайс сверстан практические как таблица display: table-cell, сделайте медиа запросы @media и переведите display: block, а дальше все padding-ами и margin-ами
 

msheduler

Писатель
Регистрация
29 Июн 2013
Сообщения
2
Реакции
0
если по-быстрому, добавьте в .css
-----------------------------------------------
@media (max-width: 760px)
{
.t510__textwrapper
{
padding-left: 1%;
float: left;
}
}
----------------------------------------------
 

superserega

Создатель
Регистрация
27 Сен 2017
Сообщения
29
Реакции
5
почему бы не использовать бутстрап?
 

st1000

Создатель
Регистрация
16 Апр 2015
Сообщения
10
Реакции
0
если по-быстрому, добавьте в .css
-----------------------------------------------
@media (max-width: 760px)
{
.t510__textwrapper
{
padding-left: 1%;
float: left;
}
}
----------------------------------------------

Ну и по желанию под планшетную вёрстку тоже можно сделать
 

elkoyot

Создатель
Регистрация
25 Мар 2018
Сообщения
14
Реакции
4
если использовать бутстрап, то нужно обернуть все таблицы в div с классом table-responsive
причем можно указать при каких размерах экрана срабатывать
table-responsive{-sm|-md|-lg|-xl}
и у самой таблицы должен быть обязательно класс table
 

AlexSVG

Создатель
Регистрация
27 Сен 2017
Сообщения
14
Реакции
5
Да лучше сделать нормальную блочную верстку. Желательно использовать Bootstrap4 или Foudation6. Так как гриды сделаны на флексах а не на флоатах. Что гораздо упрощает жизнь.
 

iqwinsa

Создатель
Регистрация
10 Янв 2018
Сообщения
10
Реакции
0
Предлагаю юзать pure css io, хороший фрейм на флексе
 

Night_Pilgrim

Создатель
Регистрация
16 Май 2013
Сообщения
12
Реакции
1
> так как он создан для рекламы для Я.Директа и Гоогле Адвордса

блоки директа и адвордса потом тоже в css поправить не забудьте)
 

Black#FFFFFF

Постоялец
Регистрация
19 Июл 2007
Сообщения
226
Реакции
158
1) хотите совет, не слушайтесь чужих советов. У вас без bootstrap работает? Внесите мелкие правки и все тут. Вам ради нескольких мелочей предлагают ! включить фреймворк на мобильные блин страницы в 400 - 500 кб! Это охренительный прогресс в юзабилити. Увеличить мобильную версию сайта на пол метра. А мы все подождем, пока оно загрузится с мобильного интернета. Ага. 2) max-width: 767 #c_text height: auto. Уберите высоту. Иначе в разделе цены не видно полностью блок.
 
Сверху