Как убрать горизонтальную прокрутку?

Question

[Tereverda]

Сайт

Не могу в консоли найти причину, по которой возникает горизонтальная прокрутка на мобильных телефонах.
Хотя контент, вроде бы не выходит за границы, свойство overflow-x: hidden есть.

Comments

[12Vadim12]

возможно проблема с адаптивом, бывает когда элемент не помещается, ( и появляется полоса скролла).

Answer 1

[Антон Антон]

Вот это выключил и ушел скролл. откуда он там взялся и нужен ли он, не поехало ли что в других местах - хз.

вероятно правильно как-то ограничить ширину nav, чтобы 100% row внутри было с учетом отступа. А вообще задавать промежутки между флекс-элементами через margin как-то противоестественно, есть же gap

UPD:
Поскольку это бутстрап (который нужно выкинуть вслед за jquery), в его документации описано "решение" (костыль, исправляющий костыль):
https://getbootstrap.com/docs/5.2/layout/gutters/#...
у всех непосредственных родителей .row добавить .container илит .overflow-hidden

Comments

[HealSpirit]

Отрицательный маржин у строки нужен для компенсации левого паддинга у первой колонки и правого паддинга у последней колонки

[Tereverda]

HealSpirit, как тогда это исправить, чтобы все не поехало?

[Tereverda]

Ваш вариант работает - но это базовое свойства бутстрапа, не мои добавления

[Антон Антон]

Tereverda, ну добавьте у внешнего элемента положительный компенсирующий паддинг или overflow: hidden
а бутстрап выкинуть уже пора, он мне никогда не нравился. я за tailwind )

[Антон Антон]

Tereverda, если обратиться к докам бутстрапа, то там этот момент есть:
https://getbootstrap.com/docs/5.2/layout/gutters/#...
видимо, по нему правильно во всех непосредственных родителях .row добавить padding, например добавив класс container

[Tereverda]

Антон Антон, Сколько не бьюсь не могу так подобрать, чтобы не вылазило, и меню работало ((

[Антон Антон]

вот такая штука портит оборачивание:

да и не все непосредственные родители обернуты

[Tereverda]

Антон Антон, исправил, в диспетчере убираешь все ок, выпускаю на прод и то же самое

[Антон Антон]

Tereverda, ну я хз, может кэш, может это скриптом добавляется...