computermax2328 Posted January 11, 2013 Share Posted January 11, 2013 Hello All, I am having some trouble with my mobile stylesheets. They aren't loading when I look at my site on mobile devices. This is what I have now. <link rel="stylesheet" type="text/css" href="../css/master.css" media="screen"/> <link rel="stylesheet" type="text/css" href="../css/article.css" media="screen"/> <link rel="stylesheet" type="text/css" href="../css/mod.css" media="screen"/> <link rel="stylesheet" href="../css/mobile.css" media="only screen and (max-device width:480px)"/> The mobile stylesheet pretty much says to hide the right floating column and give the content a 100% width and the wrapper a 90% width. I am not really familiar with @media or @import. What do I need to do?? Quote Link to comment Share on other sites More sharing options...
JoshuaDempsey Posted February 20, 2013 Share Posted February 20, 2013 What did you test this with, computermax2328? Quote Link to comment Share on other sites More sharing options...
Medavidcook Posted February 28, 2013 Share Posted February 28, 2013 Provide a link so we can see what you mean, with out looking at a live link we aint going to be much help. Quote Link to comment Share on other sites More sharing options...
haku Posted March 4, 2013 Share Posted March 4, 2013 (edited) 'only screen'? Your media query should look like this: <link rel="stylesheet" href="../css/mobile.css" media="screen and (max-width: 480px)" /> Edited March 4, 2013 by haku Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.