Hi,

 

I've created this site using Foundation, http://johnfieldformalhire.co.uk/

 

One of the issues I'm facing is some extra padding or margin to the right of all the content when viewed on my iphone4. This breaks the top nav bar and also the bottom nav not in the screenshot.

 

If anyone had any thoughts that would be awesome.

 

Cheers

R

That extra padding is coming from the list you have in your footer. You have a minimum width of 400px on the links within your footer, I'd maybe start looking there for a possible solution.

Cheers Bobby

 

I think I tried 320px min-width for the footer but it wasn't spanning the whole width on the phone. I'll look again.

Have you not managed to sort this yet?

add overflow-x: hidden in body tag

I've just had a little look and it seems you've sorted it! Good work!!

 

What was it that was causing the problem?