Jump to content


Mobile Stylesheet

mobile not working @media handheld

  • Please log in to reply
3 replies to this topic

#1 computermax2328

  • Members
  • PipPipPip
  • Advanced Member
  • 285 posts
  • LocationUnited States
  • Age:22

Posted 11 January 2013 - 07:04 PM

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??

Follow me on Twitter @maxrbaldwin

#2 JoshuaDempsey

  • Members
  • PipPip
  • Member
  • 12 posts

Posted 20 February 2013 - 09:38 PM

What did you test this with, computermax2328?

#3 Medavidcook

  • Members
  • PipPipPip
  • Advanced Member
  • 34 posts
  • LocationCardiff, Wales

Posted 28 February 2013 - 08:41 AM

Provide a link so we can see what you mean, with out looking at a live link we aint going to be much help.

#4 haku

  • Staff Alumni
  • Advanced Member
  • 6,179 posts

Posted 04 March 2013 - 02:28 AM

'only screen'?

Your media query should look like this:
<link rel="stylesheet" href="../css/mobile.css" media="screen and (max-width: 480px)" />

Edited by haku, 04 March 2013 - 02:30 AM.

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users