I cannot figure out for the life of me where my horizontal scroll bar is coming from. I have tried setting max width of all sections including body to 100VW. I have also tried setting the body to hide overflow. I still get a horizontal scroll on all pages. Any help will be greatly appreciated.
Try 100% instead of 100vw, it should fix it.
Some weird viewport width miscalculation happens when you use 100vw due to the width of the scrollbar. Normally if you try to lower 100vw to 99,5vw the horizontal scrollbar should disappear as well, but it is not a solution because you may find it again when you affect the responsive through a browser.
Can you try width: “100%” instead of max-width ?
