If anyone can help with the following it would be greatly appreciated as I'm quickly becoming grey haired over it.
Basically I have a site that's navigation works perfectly on all local versions but has issues when testing the live site on the most of the same browsers (please note all files are identical in terms of those on local and live server).
The site has been designed to be mobile friendly so when you reduce the browser window the navigation scales to it's mobile version. The normal fully expanded version of the navigation works on all the browsers (with the exception of mobile due to sizing) both local and live but when it comes to the reduced mobile navigation it's blank on most of the live versions.
The mobile navigation version results are as follows:
Safari (Local) - OKAY
Safari (Live) - NOT WORKING (INVISIBLE)
Firefox (Local) - OKAY
Firefox (Live) - OKAY
Chrome (Local) - OKAY
Chrome (Live) - NOT WORKING (INVISIBLE)
Mobile (Samsung Browser - NOT WORKING (INVISIBLE)
Mobile (Chrome) - NOT WORKING (INVISIBLE)
Mobile (Opera) - OKAY
The site is www.theessexs.com
Can anyone advise why this might be happening? I've been stuck on this for 2 whole days now and getting no-where fast.
For a demonstration I have attached two screen shots of the Safari version one for local and one for live, both show exactly the same code and styes etc.
|Safari - Local - Working.jpg||196.68 KB|
|Safari - Live - Not-Working.jpg||192.99 KB|