I am trying to get everything centered and lined up on a page I am working on and to do this I am using a 10 column div offsetted on both sides by one column divs.
This works perfectly well on the three tabs section of the page - Take a Tour, Our Menus, Our Sessions.
But on the slider section above it I cannot get the slider to line up in a central position by using the exact same method.
I’ve checked for negative or positive margins that might be putting it out of place but cannot find anything.
Any ideas why this might be happening ?
PS: Disregard section below tabs - has to be tidied up