mfaoz, привет. Как вижу, задачу вы уже решили.
mfaoz, да, вижу, не сразу понял, что у вас табы так перемещаются, и речь о них.
Я не знаток Elementor, так что могу предложить только вариант с правкой CSS:
@media (max-width: 767px) {
.elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile .e-n-tab-title {
order: var(--n-tabs-title-order); // <- переписать значение на inherit;
}
}
+
@media (max-width: 767px) {
.elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile .e-n-tab-title[aria-selected=true] {
margin-block-end: var(--n-tabs-gap); // <- переписать значение на auto;
}
}
Может быть эти настройки как-то регулируются через сам Elementor, сперва можно проверить это.
а куда вставить этот код?
mfaoz, да можно много куда. Попробуйте, например, в «Дополнительные стили» в кастомизаторе добавить. Учитывая потенциальную костыльность, я бы рекомендовал привязать эти правки к конкретным страницам, где у вас такие табы выводятся.
mfaoz, вы не тот код вставили 🙂 Я там комментарием указал, что нужна правка, чтобы выглядело вот так:
@media (max-width: 767px) {
.elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile .e-n-tab-title {
order: inherit;
}
}
+
@media (max-width: 767px) {
.elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile .e-n-tab-title[aria-selected=true] {
margin-block-end: auto;
}
}
я к сожалению в коде не силен совсем, я просто вставил то что вы прислали
у меня там вообще никакого кода нет, все сделано на базовых элементах элементора)) Это просто обычные вкладки
mfaoz, понял. Я в сообщении выше написал уже исправленный вариант, можете скопировать его и вставить с заменой предыдущего, после этого сохраните и опубликуйте изменения. Должно сработать (надеюсь, что без !important;).
