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

polezniy

  • Захожу иногда
  • 424
  • 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

  • Захожу иногда
  • 413
  • 36 / 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

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

polezniy

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

polezniy

  • Захожу иногда
  • 424
  • 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

  • Захожу иногда
  • 413
  • 36 / 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

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

Ошибка phpversioncheck.php

Автор davesar76

Ответов: 21
Просмотров: 8090
Последний ответ 19.04.2022, 15:28:54
от alex_av
Произошла ошибка 500 Макет default не найден

Автор vmalyavin23

Ответов: 4
Просмотров: 119
Последний ответ 13.04.2022, 16:47:38
от marksetter
Ошибка "0 Некорректный контроллер: имя='user', формат=''"

Автор zeus07

Ответов: 13
Просмотров: 1024
Последний ответ 09.02.2022, 14:39:41
от bostic
Ошибка страницы http error 500

Автор raevmara90

Ответов: 0
Просмотров: 176
Последний ответ 09.02.2022, 07:09:44
от raevmara90
reCapcha во всплывающем окне - "Ошибка защиты от спама"

Автор Dannik

Ответов: 10
Просмотров: 1221
Последний ответ 13.01.2022, 10:58:22
от Romanvlad