Title: Вкладки на мобильной версии
Last modified: 31.10.2025

---

# Вкладки на мобильной версии

 *  [mfaoz](https://ru.wordpress.org/support/users/mfaoz/)
 * (@mfaoz)
 * [11 месяцев, 1 неделя назад](https://ru.wordpress.org/support/topic/%d0%b2%d0%ba%d0%bb%d0%b0%d0%b4%d0%ba%d0%b8-%d0%bd%d0%b0-%d0%bc%d0%be%d0%b1%d0%b8%d0%bb%d1%8c%d0%bd%d0%be%d0%b9-%d0%b2%d0%b5%d1%80%d1%81%d0%b8%d0%b8/)
 * Добрый день! Проблема с отображением вкладок на мобилке. Как сделать что б они
   сверху показывались а не снизу страницы?! Все настройки перепробовал, никак они
   не встают вверх..
   показал на фото о чем речь — [https://postimg.cc/mtby5dxH](https://postimg.cc/mtby5dxH)
 * ![](https://ibb.co/XZVTS6LR)
    -  Тема изменена 11 месяцев, 1 неделя назад пользователем [mfaoz](https://ru.wordpress.org/support/users/mfaoz/).
 * Страница, с которой нужна помощь: _[[войдите](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fru.wordpress.org%2Fsupport%2Ftopic%2F%25D0%25B2%25D0%25BA%25D0%25BB%25D0%25B0%25D0%25B4%25D0%25BA%25D0%25B8-%25D0%25BD%25D0%25B0-%25D0%25BC%25D0%25BE%25D0%25B1%25D0%25B8%25D0%25BB%25D1%258C%25D0%25BD%25D0%25BE%25D0%25B9-%25D0%25B2%25D0%25B5%25D1%2580%25D1%2581%25D0%25B8%25D0%25B8%2F%3Foutput_format%3Dmd&locale=ru_RU),
   чтобы увидеть ссылку]_

Просмотр 9 ответов — с 1 по 9 (всего 9)

 *  anonymized-23288799
 * (@anonymized-23288799)
 * [11 месяцев, 1 неделя назад](https://ru.wordpress.org/support/topic/%d0%b2%d0%ba%d0%bb%d0%b0%d0%b4%d0%ba%d0%b8-%d0%bd%d0%b0-%d0%bc%d0%be%d0%b1%d0%b8%d0%bb%d1%8c%d0%bd%d0%be%d0%b9-%d0%b2%d0%b5%d1%80%d1%81%d0%b8%d0%b8/#post-12239969)
 * **mfaoz**, привет. Как вижу, задачу вы уже решили.
 *  Автор [mfaoz](https://ru.wordpress.org/support/users/mfaoz/)
 * (@mfaoz)
 * [11 месяцев, 1 неделя назад](https://ru.wordpress.org/support/topic/%d0%b2%d0%ba%d0%bb%d0%b0%d0%b4%d0%ba%d0%b8-%d0%bd%d0%b0-%d0%bc%d0%be%d0%b1%d0%b8%d0%bb%d1%8c%d0%bd%d0%be%d0%b9-%d0%b2%d0%b5%d1%80%d1%81%d0%b8%d0%b8/#post-12239970)
 * привет, нет, не решил
 *  anonymized-23288799
 * (@anonymized-23288799)
 * [11 месяцев, 1 неделя назад](https://ru.wordpress.org/support/topic/%d0%b2%d0%ba%d0%bb%d0%b0%d0%b4%d0%ba%d0%b8-%d0%bd%d0%b0-%d0%bc%d0%be%d0%b1%d0%b8%d0%bb%d1%8c%d0%bd%d0%be%d0%b9-%d0%b2%d0%b5%d1%80%d1%81%d0%b8%d0%b8/#post-12239972)
 * **mfaoz**, да, вижу, не сразу понял, что у вас табы так перемещаются, и речь 
   о них.
 * Я не знаток Elementor, так что могу предложить только вариант с правкой CSS:
 *     ```wp-block-code
       @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;    }}
       ```
   
 * +
 *     ```wp-block-code
       @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](https://ru.wordpress.org/support/users/mfaoz/)
 * (@mfaoz)
 * [11 месяцев, 1 неделя назад](https://ru.wordpress.org/support/topic/%d0%b2%d0%ba%d0%bb%d0%b0%d0%b4%d0%ba%d0%b8-%d0%bd%d0%b0-%d0%bc%d0%be%d0%b1%d0%b8%d0%bb%d1%8c%d0%bd%d0%be%d0%b9-%d0%b2%d0%b5%d1%80%d1%81%d0%b8%d0%b8/#post-12239975)
 * а куда вставить этот код?
 *  anonymized-23288799
 * (@anonymized-23288799)
 * [11 месяцев, 1 неделя назад](https://ru.wordpress.org/support/topic/%d0%b2%d0%ba%d0%bb%d0%b0%d0%b4%d0%ba%d0%b8-%d0%bd%d0%b0-%d0%bc%d0%be%d0%b1%d0%b8%d0%bb%d1%8c%d0%bd%d0%be%d0%b9-%d0%b2%d0%b5%d1%80%d1%81%d0%b8%d0%b8/#post-12239977)
 * **mfaoz**, да можно много куда. Попробуйте, например, в «Дополнительные стили»
   в кастомизаторе добавить. Учитывая потенциальную костыльность, я бы рекомендовал
   привязать эти правки к конкретным страницам, где у вас такие табы выводятся.
 *  Автор [mfaoz](https://ru.wordpress.org/support/users/mfaoz/)
 * (@mfaoz)
 * [11 месяцев, 1 неделя назад](https://ru.wordpress.org/support/topic/%d0%b2%d0%ba%d0%bb%d0%b0%d0%b4%d0%ba%d0%b8-%d0%bd%d0%b0-%d0%bc%d0%be%d0%b1%d0%b8%d0%bb%d1%8c%d0%bd%d0%be%d0%b9-%d0%b2%d0%b5%d1%80%d1%81%d0%b8%d0%b8/#post-12239986)
 * не сработало к сожалению
 *  anonymized-23288799
 * (@anonymized-23288799)
 * [11 месяцев, 1 неделя назад](https://ru.wordpress.org/support/topic/%d0%b2%d0%ba%d0%bb%d0%b0%d0%b4%d0%ba%d0%b8-%d0%bd%d0%b0-%d0%bc%d0%be%d0%b1%d0%b8%d0%bb%d1%8c%d0%bd%d0%be%d0%b9-%d0%b2%d0%b5%d1%80%d1%81%d0%b8%d0%b8/#post-12239987)
 * **mfaoz**, вы не тот код вставили 🙂 Я там комментарием указал, что нужна правка,
   чтобы выглядело вот так:
 *     ```wp-block-code
       @media (max-width: 767px) {    .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile .e-n-tab-title {        order: inherit;    }}
       ```
   
 * +
 *     ```wp-block-code
       @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](https://ru.wordpress.org/support/users/mfaoz/)
 * (@mfaoz)
 * [11 месяцев, 1 неделя назад](https://ru.wordpress.org/support/topic/%d0%b2%d0%ba%d0%bb%d0%b0%d0%b4%d0%ba%d0%b8-%d0%bd%d0%b0-%d0%bc%d0%be%d0%b1%d0%b8%d0%bb%d1%8c%d0%bd%d0%be%d0%b9-%d0%b2%d0%b5%d1%80%d1%81%d0%b8%d0%b8/#post-12239988)
 * я к сожалению в коде не силен совсем, я просто вставил то что вы прислали
   у меня
   там вообще никакого кода нет, все сделано на базовых элементах элементора)) Это
   просто обычные вкладки
 *  anonymized-23288799
 * (@anonymized-23288799)
 * [11 месяцев, 1 неделя назад](https://ru.wordpress.org/support/topic/%d0%b2%d0%ba%d0%bb%d0%b0%d0%b4%d0%ba%d0%b8-%d0%bd%d0%b0-%d0%bc%d0%be%d0%b1%d0%b8%d0%bb%d1%8c%d0%bd%d0%be%d0%b9-%d0%b2%d0%b5%d1%80%d1%81%d0%b8%d0%b8/#post-12239989)
 * **mfaoz**, понял. Я в сообщении выше написал уже исправленный вариант, можете
   скопировать его и вставить с заменой предыдущего, после этого сохраните и опубликуйте
   изменения. Должно сработать (надеюсь, что без `!important;`).

Просмотр 9 ответов — с 1 по 9 (всего 9)

 Тема «Вкладки на мобильной версии» закрыта для новых ответов.

 * Форум: [Проблемы и решения](https://ru.wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 9 ответов
 * 2 участника
 * Последний ответ: anonymized-23288799
 * Последняя активность: [11 месяцев, 1 неделя назад](https://ru.wordpress.org/support/topic/%d0%b2%d0%ba%d0%bb%d0%b0%d0%b4%d0%ba%d0%b8-%d0%bd%d0%b0-%d0%bc%d0%be%d0%b1%d0%b8%d0%bb%d1%8c%d0%bd%d0%be%d0%b9-%d0%b2%d0%b5%d1%80%d1%81%d0%b8%d0%b8/#post-12239989)
 * Статус: нерешённая

## Темы

### Самые популярные темы

### Темы без ответов

### Без вопроса

### Решённые

### Нерешённые

### Все темы