I was able to add custom code to get rid of the scroll issue, however it interfered with the way the pages were loading. The anchor points weren’t working as expected, and when going from page to page the pages would load at the bottom of the page instead of the top. Not ideal.
I got in touch with Wix about the pages loading issue and they told me it was my custom code causing the problem. I have only one element now on the home page causing the horizontal scroll issue. They told me I could adjust the item to 1903px, which still doesn’t work and is far too big. Or replace it with a strip. The problem is, the effect I have on the element is to fade-in on a timer, the strip allows the fade-in effect but does not give you options to customize it. Right now I have the element set to 1800px, the horizontal scrollbar is still there but the white space is minimal. I would still like to get rid of it altogether but right now this will be okay.
In case anyone wants to try the custom CSS with their project to see if you can get it to work, you can place this within the body of the custom code area and the horizontal scroll issue is fixed. Just be aware of the other issues that might arise. If anyone else has found a solution please share!
html, body { width:100%; overflow-x:hidden; } @media (max-width: 786px){ body{ overflow-x:hidden!important; } }