0

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 www.therisingsuntarporley.co.uk

Thanks

ez007
  • 135
  • 2
  • 12

1 Answers1

0

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 .menu element in mobile.css.

Community
  • 1
  • 1
user775598
  • 1,323
  • 9
  • 7
  • Thank you! How would i stop the 'mobile' only menu from displaying on the web version? – ez007 May 30 '11 at 20:25
  • If the mobile menu is hidden in the regular stylesheet, and mobile.css is applied to iPhones, then the mobile menu would only appear on mobile devices. – user775598 May 30 '11 at 20:26