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

polezniy

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

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

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

polezniy

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

polezniy

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

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

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

Ошибка в отображении позиции шаблона

Автор ALEXRAW

Ответов: 14
Просмотров: 154
Последний ответ 10.01.2021, 16:58:15
от ALEXRAW
Ошибка при авторизации

Автор zonteak

Ответов: 4
Просмотров: 128
Последний ответ 08.01.2021, 22:22:56
от zonteak
Ошибка phpversioncheck.php

Автор davesar76

Ответов: 19
Просмотров: 4591
Последний ответ 16.12.2020, 12:35:25
от prostoy
Не могу выполнить вход в админку Joomla, пишет "фатальная ошибка"

Автор tatjana-koval

Ответов: 1
Просмотров: 268
Последний ответ 14.12.2020, 17:11:38
от draff
Ошибка в админке: "Call to a member function format() on null"

Автор AndreN

Ответов: 28
Просмотров: 8537
Последний ответ 06.12.2020, 21:36:54
от Stevsky