I am using semanticcss framework. I have two navigation menus one for desktop and the other for mobile. I am using this css:
#mob {
display: none;
}
@media (max-width: 960px) {
#desktop {
display: none;
}
#mob {
display: inline-block;
}
It works on google chrome when i resize the windows but it doesnt work on the two android devices i have tested. I also tested it using ios7 with browserstack but with no luck.
my live site is here: http://kaylins-sites.azurewebsites.net/default.aspx
and the rest of the code is here: http://jsfiddle.net/Cu3aR/
Any advice would be great.
Thanks.