Не растягивается ширина секций на всю страницу в elementor wordpress, как исправить?

В Elementor настройка “Full width” у секции не всегда означает ширину на весь экран. Очень часто секция находится внутри контейнера темы: .container, .site-content, .entry-content. Тогда Elementor растягивает блок только внутри этого контейнера, а по краям остаются белые “уши”.

Проверьте сначала настройки страницы:

• в шаблоне страницы выберите Elementor Full Width или Elementor Canvas;
• в настройках секции включите растягивание секции;
• проверьте, не задана ли ширина контента “Boxed”;
• в теме отключите сайдбар и ограничение ширины для этой страницы;
• очистите CSS-кэш Elementor: Elementor → Tools → Regenerate CSS.

Если тема всё равно оборачивает контент в узкий контейнер, можно точечно расширить нужный блок через CSS. Например, задайте секции класс full-bleed-section и добавьте:

.full-bleed-section {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

Но такой приём нужно использовать аккуратно: если внутри есть элементы с фиксированной шириной, на мобильных может появиться горизонтальный скролл. Поэтому добавьте страховку:

html,
body {
    overflow-x: hidden;
}
 
.full-bleed-section img {
    max-width: 100%;
    height: auto;
}

Если белые полосы остаются только у конкретного шаблона, смотрите родительские блоки в DevTools. Найдите элемент, который ограничивает ширину, и проверьте его max-width, padding и margin.

Итог: проблема не в самой секции Elementor, а в контейнере темы или шаблоне страницы. Сначала выберите правильный template для страницы, затем при необходимости применяйте full-bleed CSS только к нужной секции.