WebSite X5Help Center

 
Владимир С.
Владимир С.
User

Не применяется стиль css при просмотре в моби  ru

Автор: Владимир С.
Просмотрено 1638, Подписчики 1, Размещенный 0  

Здравствуйте!

В 12 верссии.

Не применяется стиль css при просмотре в мобильном телефоне. Приложил архив. Нужно сделать отступ справа. Я задал его в 10 пикселей, но в мобильном телефоне это не применяется.

Размещено
5 Ответы - 1 Полезно
Владимир С.
Владимир С.
User
Автор

Сайт www.fhelp.me

Читать больше
Размещено От Владимир С.
Владимир С.
Владимир С.
User
Автор

И пустота появляется при вставке кода в блок.

Читать больше
Размещено От Владимир С.
Vitaliy M.
Vitaliy M.
User

В расширенных настройках "Статистика, SEO и код- Эксперт- Перед закрывающим тегом head" вставьте этот код для всех ячеек..

<style>

#imHTMLObject_13 {
height: auto !important;
}

@media (max-width: 479px) {
#imObjectForm_3_1_field {
width: 60% !important;
}
}

</style>

Читать больше
Размещено От Vitaliy M.
Владимир С.
Владимир С.
User
Автор

Виталий спасибо, в самом маленьком размере экрана помогло (как на iphone, например) !

Но вот приложил скриншот приложил (при среднем размере экрана, так сказать), опять блоки растягиваются.

Будем надеятся что билд подправят и не надо будет вручную вставлять костыли.

Читать больше
Размещено От Владимир С.
Vitaliy M.
Vitaliy M.
User

Удалите прежний код стиля и поставте этот:

<style>
#imHTMLObject_13 {
height: auto !important;
}
@media (max-width: 1059px) and (min-width: 720px) {
#imCellStyle_6 {
padding: 10px 15px 0px 15px;
}
#imCell_13 {
min-height: auto;
}
#imCellStyle_13 {
min-height: auto;
}
#imCell_3 {
min-height: auto;
}
#imCellStyle_3 {
min-height: auto;
padding: 50px 15px 50px 15px;
}
}
@media (max-width: 719px) and (min-width: 480px) {
#imCell_6 {
width: 474px;
padding-right: 0px;
}
#imCellStyleGraphics_6 {
width: 474px;
}
#imCellStyle_6 {
width: 474px;
padding: 10px 15px 0px 15px;
}
}
@media (max-width: 479px) {
#imCell_3 {
height: 159px;
}
#imCell_13 {
padding-left: 6px;
padding-right: 6px;
}
#imCellStyleGraphics_13 {
left: 6px;
right: 6px;
}
#imObjectForm_3_1_field {
width: 60% !important;
}
}
</style>

Читать больше
Размещено От Vitaliy M.