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

polezniy

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

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

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

polezniy

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

polezniy

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

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

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

Ошибка 500 после бэкапа

Автор Gbsyi

Ответов: 31
Просмотров: 4124
Последний ответ 05.07.2020, 22:11:45
от olaf
Ошибка в файле SiteApplication.php

Автор alexo

Ответов: 2
Просмотров: 285
Последний ответ 28.06.2020, 11:09:00
от NewUsers
Ошибка при открытие сайта

Автор Bogdan171

Ответов: 5
Просмотров: 187
Последний ответ 17.06.2020, 11:27:46
от NewUsers
Ошибка при установке компонента

Автор JackThaCat

Ответов: 5
Просмотров: 186
Последний ответ 17.06.2020, 07:41:52
от AlexB
При выходе с админки 404 ошибка на сайте

Автор myself43

Ответов: 1
Просмотров: 151
Последний ответ 12.06.2020, 12:21:17
от myself43