Різні відступи назви сторінки

Avatar

Від Orville 11-12-2023 11:52:20

Учасник · 14 повідомлень

Частину сторінок на моєму сайті зроблено в Elementor, а частину сторінок та записів за допомогою рідного редактора WordPress. До десктопної версії сайту претензій немає, а ось на телефоні існує не те що проблема, але скажемо так, некрасивість. Заголовки сторінок, створених у Elementor, знаходяться над текстом на сторінці:

53359460685_a3b5d96887_b.jpg

а заголовки сторінок і записів, створених за допомогою стандартного редактора WordPress, зміщені щодо тексту на 10px вправо:

53359220483_41d852b560_b.jpg

Коли я в CSS вношу наступний код, то заголовок стандартної сторінки виправляється і стає рівно текстом:

53390558360_7a7676031a_b.jpg

а заголовок сторінки Elementor йде ліворуч від тексту на 10px:

53390429784_589ac06623_b.jpg

Тобто відстань від краю екрана до заголовка 0px, як і прописано в цьому коді:

@media (max-width: 768px) {
    .page-header .entry-title {
         padding: 0px 0 0px;     }}

Підкажіть, будь ласка, як мені зробити так, щоб усі заголовки на телефоні були рівно над текстами?

Avatar

Від AzzePis 11-12-2023 12:16:24

Administrator · 1,025 повідомлень

Вітаю.
Схоже, у вас різні "врапери", тобто блоки, всередині яких ваші заголовки чи взагалі весь контент сторінки.
Для одних сторінок  контейнер має відступ від країв екрану, для інших він на весь екран... коротше кажучи, потрібно щоб і контейнери, відносно яких ви налаштовуєте відступи, мали однакові відступи від країв екрану/контенту


Український хостинг для WordPress | Шаблони та плагіни для WordPress українською
Тут можна купити домен за найкращою ціною

Avatar

Від Orville 11-12-2023 21:57:49

Учасник · 14 повідомлень

Дякую! Допоміг такий код в СSS:

@media (max-width: 575px) {
  body:not([class*=elementor-page-]) .page-header .entry-title {
    padding-inline-start: 0;
  }
}