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?? Link to comment https://forums.phpfreaks.com/topic/273031-mobile-stylesheet/ Share on other sites More sharing options...
JoshuaDempsey Posted February 20, 2013 Share Posted February 20, 2013 What did you test this with, computermax2328? Link to comment https://forums.phpfreaks.com/topic/273031-mobile-stylesheet/#findComment-1413718 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. Link to comment https://forums.phpfreaks.com/topic/273031-mobile-stylesheet/#findComment-1415544 Share on other sites More sharing options...
haku Posted March 4, 2013 Share Posted March 4, 2013 'only screen'? Your media query should look like this: <link rel="stylesheet" href="../css/mobile.css" media="screen and (max-width: 480px)" /> Link to comment https://forums.phpfreaks.com/topic/273031-mobile-stylesheet/#findComment-1416346 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.