I'm trying to have the drop down menus full width when on smaller mobile devices.
But I keep getting a margin on the right hand side that is just under a 3rd of the screen width when i portrait.
Everything is fine in landscape.
For testing purposes, I've tried having full width menus on a 27" desktop monitor, macbook 15" retina, ipad 2, nexus, galaxy note and galaxy s4.
The full width menu works on all of them (portrait and landscape) apart from the galaxy s4 when in portrait, I keep getting this margin on the right with anything that pops up, so all menus and overlays.
Is it something to do with the JS?
Any ideas would be much appreciated