Basically I have hidden the horizontal scroll bar via CSS but want to get to the root of the problem and solve it rather than cover it up. The problem is that the website keeps wanting to scroll horizontally when there is no visible content to the right anyway.
I'm assuming it is the footer that is triggering this but would be very grateful if someone could tell me what to change to fix this?
I've had a problem like this before. Usually, it's because I had some element set to 100% width but it also had padding which was pushing beyond the 100% width. So, check margins and padding on any elements that are the full width of the page.