Web page width is broken

On all pages on my website 3df.pl there is the same problem, the width is larger than it should be and a side scroll bar is automatically created also on my phone, you can help me how to change it, all the elements don’t seem to come out except because I changed each one and it didn’t help anymore, thank you in advance

Hi there :waving_hand:

From the console check, the elements causing the overflow are:

  • the submenu dropdown (li.menu-sub)

  • the hero background (hero3df-bg)

One of these is extending beyond the viewport width, which creates the horizontal scroll.

Please check in Sitejet:

Navigation → dropdown width (avoid full-viewport width settings)
Hero background width
Set overflow to hidden on the hero container

Something in those elements is exceeding 100% width.

1 Like