--- url: 'https://dxpr.com/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D1%83%D1%81%D1%83%D0%BD%D0%B5%D0%BD%D0%BD%D1%8F-%D0%BD%D0%B5%D1%81%D0%BF%D1%80%D0%B0%D0%B2%D0%BD%D0%BE%D1%81%D1%82%D0%B5%D0%B9/%D0%B5%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D0%B8-%D0%B2%D0%B8%D0%B3%D0%BB%D1%8F%D0%B4%D0%B0%D1%8E%D1%82%D1%8C-%D0%BD%D0%B5%D0%BF%D1%80%D0%B0%D0%B2%D0%B8%D0%BB%D1%8C%D0%BD%D0%BE' title: 'Елемент виглядає чи поводиться неправильно | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T20:00:10+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: |- Виправте проблеми елементів, що виникають найчастіше. Перш ніж почати, випробуйте елемент на новій порожній сторінці, щоб виключити навколишній вміст. Мій макет рядка ламається, коли я ховаю його на деяких пристроях Варіанти Responsive Visibility у розділі HTML classes це класи відображення Bootstrap, як-от d-none d-md-block. На рядку вони замінюють власний макет рядка, тож стовпці складаються. Розмістіть класи на стовпцях або на розділі навколо рядка. tags: - 'Fix a problem' image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR updated_time: '2026-10-24T20:00:10+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'Елемент виглядає чи поводиться неправильно' description: |- Виправте проблеми елементів, що виникають найчастіше. Перш ніж почати, випробуйте елемент на новій порожній сторінці, щоб виключити навколишній вміст. Мій макет рядка ламається, коли я ховаю його на деяких пристроях Варіанти Responsive Visibility у розділі HTML classes це класи відображення Bootstrap, як-от d-none d-md-block. На рядку вони замінюють власний макет рядка, тож стовпці складаються. Розмістіть класи на стовпцях або на розділі навколо рядка. image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T20:00:10+0000' dateModified: '2026-10-24T20:00:10+0000' author: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' mainEntityOfPage: 'https://dxpr.com/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D1%83%D1%81%D1%83%D0%BD%D0%B5%D0%BD%D0%BD%D1%8F-%D0%BD%D0%B5%D1%81%D0%BF%D1%80%D0%B0%D0%B2%D0%BD%D0%BE%D1%81%D1%82%D0%B5%D0%B9/%D0%B5%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D0%B8-%D0%B2%D0%B8%D0%B3%D0%BB%D1%8F%D0%B4%D0%B0%D1%8E%D1%82%D1%8C-%D0%BD%D0%B5%D0%BF%D1%80%D0%B0%D0%B2%D0%B8%D0%BB%D1%8C%D0%BD%D0%BE' articleSection: 'Усунення проблем' - '@type': WebPage '@id': 'https://dxpr.com/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D1%83%D1%81%D1%83%D0%BD%D0%B5%D0%BD%D0%BD%D1%8F-%D0%BD%D0%B5%D1%81%D0%BF%D1%80%D0%B0%D0%B2%D0%BD%D0%BE%D1%81%D1%82%D0%B5%D0%B9/%D0%B5%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D0%B8-%D0%B2%D0%B8%D0%B3%D0%BB%D1%8F%D0%B4%D0%B0%D1%8E%D1%82%D1%8C-%D0%BD%D0%B5%D0%BF%D1%80%D0%B0%D0%B2%D0%B8%D0%BB%D1%8C%D0%BD%D0%BE' description: |- Виправте проблеми елементів, що виникають найчастіше. Перш ніж почати, випробуйте елемент на новій порожній сторінці, щоб виключити навколишній вміст. Мій макет рядка ламається, коли я ховаю його на деяких пристроях Варіанти Responsive Visibility у розділі HTML classes це класи відображення Bootstrap, як-от d-none d-md-block. На рядку вони замінюють власний макет рядка, тож стовпці складаються. Розмістіть класи на стовпцях або на розділі навколо рядка. breadcrumb: '@type': BreadcrumbList itemListElement: - '@type': ListItem position: 1 name: Home item: 'https://dxpr.com/uk' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR inLanguage: uk --- [Help Center](/uk/hc)/[Documentation](/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F) /[Вивчення DXPR Builder](/uk/hc/documentation/learn-dxpr-builder) /[Керування сайтом](/uk/hc/documentation/learn-dxpr-builder/manage) /[Усунення проблем](/uk/hc/documentation/learn-dxpr-builder/troubleshooting) # Елемент виглядає чи поводиться неправильно. Вивчення DXPR BuilderКерування сайтомУсунення проблем ## In this guide Виправте проблеми елементів, що виникають найчастіше. Перш ніж почати, випробуйте елемент на новій порожній сторінці, щоб виключити навколишній вміст. ## Мій макет рядка ламається, коли я ховаю його на деяких пристроях Варіанти **Responsive Visibility** у розділі **HTML classes** це класи відображення Bootstrap, як-от `d-none d-md-block`. На рядку вони замінюють власний макет рядка, тож стовпці складаються. Розмістіть класи на стовпцях або на розділі навколо рядка. ## Консоль повідомляє, що Bootstrap потребує jQuery нижче версії 4 Ваша тема завантажує JavaScript Bootstrap 3 чи 4, який відмовляється працювати з jQuery 4, що постачають свіжі релізи Drupal 11. Сам DXPR Builder не використовує jQuery. 1. Припиніть завантажувати JavaScript Bootstrap 3 чи 4 з теми. 2. Якщо тема не завантажує Bootstrap 5, перейдіть до **DXPR Studio** > **DXPR Builder** > **General Settings** > **Bootstrap** і встановіть **Sideload Bootstrap files** на **Bootstrap 5**. **Заувага:** модуль підтримує лише Bootstrap 5. Тему на Bootstrap 3 чи 4 треба мігрувати. ## Мої стовпці роз’їжджаються на ширині планшета Сітка має 12 стовпців, тож п’ять стовпців не можуть бути рівними. Натисніть піктограму сітки рядка й виберіть пресет, як-от **1/4 + 1/4 + 1/4 + 1/4** або **1/3 + 1/3 + 1/3**. Щоб дати планшетам власний макет, натисніть **Add screen size** і виберіть розмір з його списку. ## Посилання всередині мого елемента Link нічого не робить Елемент Link сам є тегом `a`, а браузери не дозволяють посилання всередині посилань. Використовуйте кнопку або елемент Text із посиланням. ## Посилання-якорі стають під мою фіксовану шапку 1. Перейдіть до **General Settings** і відкрийте **Advanced Settings**. 2. Установіть **Scroll offset selector** на CSS-селектор вашої фіксованої шапки. Стандарт покриває шапки DXPR Theme. 3. Дайте цільовому елементу **HTML ID** на панелі **General**його налаштувань. ## Моє відео не починається само Браузери відмовляються починати відео зі звуком. У налаштуваннях Local video позначте **Muted** поруч із **Start playing automatically**і збережіть. ## Блок усередині моєї сторінки не має елементів керування редагуванням Блок DXPR Builder, розміщений усередині сторінки конструктора, показується без власного редактора, тож ви не можете змінити його вміст там. Редагуйте блок там, де він міститься в регіоні теми, у розділі **Structure** > **Block layout**, або натомість використовуйте елемент HTML. ## Відкриті фільтри вигляду нічого не роблять Редактор показує «Turn on Ajax on this view to use exposed filters.» Фільтри всередині конструктора працюють лише через AJAX. 1. Редагуйте вигляд і відкрийте **Advanced**. 2. Установіть **Use AJAX** на **Yes** і збережіть вигляд. 3. Очистіть усі кеші. ## Теги скриптів зникають із мого елемента Text Конструктор видаляє теги `