I have how would i only target iphone? I have tried
media="handheld, only screen and (max-device-width: 480px)"
but it wont display my menu?
I have two menus – one for web browsers and one for mobile web. Im guessing as iphone only reads the ‘screen’ type that is why it is displaying. I have specified in my main site css not to display my mobile menu and in my mobile style sheet I have specified not to display the web navigation?
Any ideas?!
Link to my site is http://www.therisingsuntarporley.co.uk
Thanks
The code for targeting iPhone looks right (see How do I apply a stylesheet just to the iPhone (and not IE), without browser sniffing? for some improvements). However, iPhones will display both the regular stylesheets and the mobile-specific ones. To show the menu, you need to add
display: block;to the.menuelement inmobile.css.