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

Как выровнять лайтбокс с формой по центру на мобильных устройствах?

deko1one    0

Все доброго времени суток! Есть сайт - Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке. - сделана верстка для компьютеров с постоянной шириной 1200 px. Проблема такая: когда заходишь на сайт с телефона и нажимаешь кнопку заказать - лайтбокс с формой съезжает влево (с компа все хорошо). В мьюзе сами лайтбоксы с формами выровняны и закреплены по центру.

Как решить этот вопрос без адаптивной верстки и без расположения формы внизу страницы?

P.S сам грешу на то что контейнер и целевой объект по умолчанию закреплены слева и это не исправить. Кто что думает по этому поводу?

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Рекомендуемые сообщения

  • 0
2 часа назад, deko1one сказал:

Как решить этот вопрос без адаптивной верстки и без расположения формы внизу страницы?

1 )Лучше сделать отдельную мобильную версию
2) Для чего вы оставили такой запас в целевом обекте - начало координат в нем верхний левый угол, видимо поэтому и сдвигается всё. Оберните форму целевым объектом по ее размерам.
 

2 часа назад, deko1one сказал:

P.S сам грешу на то что контейнер и целевой объект по умолчанию закреплены слева и это не исправить.

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Новая статья

Как бесплатно получить специализированный хостинг для Adobe Muse сайта. Читайте новую инструкцию по этой ссылке.
  • 0
deko1one    0
5 часов назад, Павел Хомерики сказал:

2) Для чего вы оставили такой запас в целевом обекте - начало координат в нем верхний левый угол, видимо поэтому и сдвигается всё. Оберните форму целевым объектом по ее размерам.

Сделал как Вы сказали, не помогло...

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 0
11 час назад, deko1one сказал:

Сделал как Вы сказали, не помогло...

Значит, делайте мобильную версию. Десктопная версия не предназначена для мобильных

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 0
deko1one    0
3 часа назад, Павел Хомерики сказал:

Значит, делайте мобильную версию

придется видимо... А если сделать только мобильную без планшета, на планшете корректно будет отображаться пк версия?

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 0
4 минуты назад, deko1one сказал:

придется видимо... А если сделать только мобильную без планшета, на планшете корректно будет отображаться пк версия?

Лучше сделать и для планшета - заботьтесь о ваших посетителях. Вы же для них сайт делаете. Мобильная оптимизация актуальна так же и для планшетов - на них используются всё те же мобильные браузеры что и на смартфонах

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 0
deko1one    0
1 минуту назад, Павел Хомерики сказал:

Лучше сделать и для планшета - заботьтесь о ваших посетителях. Вы же для них сайт делаете

Если говорить технически, сухими словами, так сказать.. Будет корректное отображение? 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 0
Только что, deko1one сказал:

Будет корректное отображение? 

Будут те же ошибки что и на смартфонах

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

×