Website layout all messed up on Android only

Question

My personnal website is all messed up when i display it on Android devices.

I've tested my site on all major browsers on Windows and Mac OS X: - IE7 to IE10 - Chrome - FireFox - Opera - Safari

And they all display my website correctly. I've also tested on some Apple devices and they also display correctly.

But I've tried on a Nexus 4 and a Nexus 7 and the layout is all messed up. The page is all zoomed out and the menu seems to be outside the viewport.

I'm lost here and any help would be appreciated.

http://www.narcissusphoto.com/

Answer 1

You need to add media queries in your css to look your website for mobile devices. Please refer the below link and accordingly you need to make changes in css.

http://webdesignerwall.com/tutorials/responsive-design-in-3-steps

Answer 2

Try removing the fixed background on the body element.