JKLM Posted July 1, 2013 Share Posted July 1, 2013 I am building a new responsive designed website (my first one) and I seem to be having some issues with the mobile detection for CSS. My site will re-size and displays great on all my mobile devices, Phone, iPad, desktop etc. If I re-size the desktop browser it changes to the correct version based on size etc.. The problem i am having is when I run it through tthe W3C mobileOK validator. I get a score of zero because it seems to be loading all parts of my style sheet. So this brings up the help I need. What should I change in my current CSS? Should I create two separate CSS files and try to do some type of browser detect and serve up the correct version based on browser? I was under impression I should only use one CSS file. My current CSS File: http://cdn.shopify.com/s/files/1/0244/3437/t/1/assets/styles.css?50092 My website (NSFW): http://www.mypleasurebox.com/ W3C Validator score of ZERO 8(: http://validator.w3.org/mobile/check?task=2013070102014242.mobile2&docAddr=http%3A%2F%2Fwww.mypleasurebox.com%2F Thank You for any help. Link to comment Share on other sites More sharing options...
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!Register a new account
Already have an account? Sign in here.Sign In Now