0 Пользователей и 1 Гость просматривают эту тему.
  • 6 Ответов
  • 329 Просмотров
*

polezniy

  • Захожу иногда
  • 321
  • 0 / 0
Где ошибка в css?
« : 21.07.2020, 23:22:37 »
Здравствуйте уважаемые форумчане. Возникла проблема.

Нужно чтобы модули отображались над материалом в мобильной выдаче.

https://sovety.mobi/kulinarnye-sovety/kak-bystro-svarit-sveklu.html

Прописываю в CSS данный код:
@media handheld, only screen and (max-width: 960px) {
div#mp_right {
display: flex;
flex-direction: column;
}
div#content_sparky {
order: 2;
}
}

Но почему-то не срабатывает. Подскажите пожалуйста в чем может быть ошибка?
*

xpank

  • Захожу иногда
  • 344
  • 32 / 0
Re: Где ошибка в css?
« Ответ #1 : 22.07.2020, 09:50:12 »
Не работает, потому что к mp_right применять бесполезно (кстати и тут ошибка, нужно писать просто .mp_right ), т.к. это будет действовать только внутри него, поэтому нужно применять на уровень выше, в данном случае к sparky_container.
Код
@media handheld, only screen and (max-width: 960px) {
.sparky_container {
display: flex;
flex-direction: column;
}
.content_sparky {
order: 2;
}
}
*

polezniy

  • Захожу иногда
  • 321
  • 0 / 0
Re: Где ошибка в css?
« Ответ #2 : 22.07.2020, 12:33:02 »
Проверил ваш код, тоже что-то не то, полоска в мобильной версии просто появилась
*

polezniy

  • Захожу иногда
  • 321
  • 0 / 0
Re: Где ошибка в css?
« Ответ #3 : 22.07.2020, 12:38:04 »
Ой, сорри, все работает. Спасибо Вам большое! Не внимателен я.
*

polezniy

  • Захожу иногда
  • 321
  • 0 / 0
Re: Где ошибка в css?
« Ответ #4 : 22.07.2020, 13:22:12 »
Не могли бы подсказать, немного расположение модулей изменил, теперь нужно чтобы верхние модули в мобильной версии отображались после материала

Пробовал вот этот код, не помогло.

  @media handheld, only screen and (max-width: 960px) {
.content_sparky {
display: flex;
flex-direction: column;
}
.sparky_container {
order: 2;
}
}

Сработал вот этот код:


  @media handheld, only screen and (max-width: 960px) {
.sparky_container {
display: flex;
flex-direction: column-reverse;
}
.content_sparky {
order: 2;
}
}


Но почему-то поиск сдвинулся в самый вверх и верстка стала стремновато, в чем может быть проблема?


https://ibb.co/mTWhcFR
« Последнее редактирование: 22.07.2020, 13:27:56 от polezniy »
*

xpank

  • Захожу иногда
  • 344
  • 32 / 0
Re: Где ошибка в css?
« Ответ #5 : 22.07.2020, 19:07:45 »
Вроде так должно быть?
Код
  @media handheld, only screen and (max-width: 960px) {
.sparky_container {
display: flex;
flex-direction: column-reverse;
}
.content_sparky {
order: 2;
}
.sparkle3 {
  order: -1;
}
}

Мой совет, не мучиться, а создать в шаблоне дополнительные позиции для вывода в мобильной версии, и скрывать/показывать в зависимости от разрешения. Тогда легче контролировать их размещение.
*

polezniy

  • Захожу иногда
  • 321
  • 0 / 0
Re: Где ошибка в css?
« Ответ #6 : 22.07.2020, 20:18:05 »
Спасибо Вам.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

500 ошибка

Автор Celeron3D

Ответов: 2
Просмотров: 202
Последний ответ 09.04.2021, 16:59:41
от igrafkot
Ошибка Дата публикации и Дата Создания

Автор phvsfpgs

Ответов: 32
Просмотров: 324
Последний ответ 03.04.2021, 17:31:18
от IToro82
Ошибка редактированния меню

Автор web3.0

Ответов: 1
Просмотров: 119
Последний ответ 02.04.2021, 13:49:23
от coolplaymaster
Ошибка Parse error: syntax error, unexpected '[' при установке быстрого старта

Автор anngorbushina

Ответов: 9
Просмотров: 5919
Последний ответ 26.03.2021, 19:33:26
от NewUsers
Ошибка при отправке страницы в индексацию GSC

Автор OZlaim1

Ответов: 0
Просмотров: 67
Последний ответ 23.03.2021, 11:53:28
от OZlaim1