Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Вопросы по мобильному стилю


Вопросы по мобильному стилю

Сообщений 221 страница 228 из 228

221

Shephard написал(а):

Скажите, пожалуйста, можно ли в мобильной версии такие же ссылки, как на картинке, сделать и внизу страницы? А то если хочется перейти на шаг вверх приходится страницу до верха проматывать, а это не очень удобно.

Код:
.punbb #pun-crumbs2 {
    display: block !important;
}
Shephard написал(а):

А на телефоне, если повернуть его горизонтально, появляется вот такая картина:

Какой браузер на телефоне?

Shephard написал(а):

После включения мобильного стиля на IPad на экране стал помещаться не весь форум:

Подозреваю, что дело не в мобильном стиле. Он же для вьюпорта менее 540px прописывается, а на iPad вьюпорт явно шире.
Не уверен, что поможет, но попробуйте такую правку:

#pun {
  width: 1066px;
  margin: 0 auto 100px;
  margin-bottom: 100px;
  position: relative;
  padding: 0 20px;
  box-sizing: border-box;

}

/* A5.2 */
  .punbb {
  float: left;
  height: auto;
  margin-left: 20px;
  width: 96100%;
  }

+1

222

Alex_63 написал(а):
Shephard написал(а):

Скажите, пожалуйста, можно ли в мобильной версии такие же ссылки, как на картинке, сделать и внизу страницы? А то если хочется перейти на шаг вверх приходится страницу до верха проматывать, а это не очень удобно.

Код:
.punbb #pun-crumbs2 {
    display: block !important;
}
Shephard написал(а):

А на телефоне, если повернуть его горизонтально, появляется вот такая картина:

Какой браузер на телефоне?

Safari

0

223

Shephard написал(а):

Safari

Нет под рукой iPhone, так что пока не знаю, как тестировать и править :dontknow:

+2

224

Alex_63 написал(а):

Выделить код.punbb #pun-crumbs2 {
    display: block !important;
}

А это куда вставлять? В обычные стили или в @media screen and (max-width: 540px)?

Alex_63 написал(а):

Подозреваю, что дело не в мобильном стиле. Он же для вьюпорта менее 540px прописывается, а на iPad вьюпорт явно шире.
Не уверен, что поможет, но попробуйте такую правку:

#pun {
  width: 1066px;
  margin: 0 auto 100px;
  margin-bottom: 100px;
  position: relative;
  padding: 0 20px;
  box-sizing: border-box;

}

/* A5.2 */
  .punbb {
  float: left;
  height: auto;
  margin-left: 20px;
  width: 96100%;
  }

Нет, к сожалению, изменений нет. Когда в Админке Мобильный стиль отключаю, все выравнивается.

0

225

Shephard написал(а):

А это куда вставлять? В обычные стили или в @media screen and (max-width: 540px)?

Да в принципе без разницы, так и так будет работать идентично.

Shephard написал(а):

Нет, к сожалению, изменений нет. Когда в Админке Мобильный стиль отключаю, все выравнивается.

Хм, это странно. А если ширину форума уменьшить до 1024px (включая padding-и по бокам)?

0

226

Alex_63 написал(а):

Да в принципе без разницы, так и так будет работать идентично.

Вставила в первое окно Своего стиля, ссылки внизу не появились, зато появилось много пустого пространства:
--

Alex_63 написал(а):
Shephard написал(а):

А это куда вставлять? В обычные стили или в @media screen and (max-width: 540px)?

Да в принципе без разницы, так и так будет работать идентично.

Shephard написал(а):

Нет, к сожалению, изменений нет. Когда в Админке Мобильный стиль отключаю, все выравнивается.

Хм, это странно. А если ширину форума уменьшить до 1024px (включая padding-и по бокам)?

Не помогает. И картинки дизайна съезжают.

0

227

Shephard
Хм, погляжу чуть позже, попробую поправить

+1

228

Alex_63 написал(а):

Shephard
Хм, погляжу чуть позже, попробую поправить

Спасибо!

+1


Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Вопросы по мобильному стилю