JKLM

I am using one style sheet and a responsive designed page so if you resize your browser you will see the page resize itself. This is my first responsive design website thats why I am trying to find solutions. I will keep playing around with the validator to see if i can get some of the errors fixed.

Thank You for you help I just don't know enough how to do the responsive style.

Foxy thank you for your response.. The problem I am having is the validator seems to be pulling my entire css file and not just focusing on my mobile part. I was trying to use one style sheet for desktop and mobile versions so i would have to have the images for both versions in there. How do I get the validator to just focus on my mobile site? Should I use two separate style sheets? Is the "@media only screen and (min-width:768px) and (max-width:1026px){.logo{max-width:738px;}" markups incorrect how I have them setup?

Thank You

Tough one I guess?

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.

1. What should I change in my current CSS?
2. 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.