Jump to content


Photo

Mobile Stylesheet

mobile not working @media handheld

  • Please log in to reply
3 replies to this topic

#1 computermax2328

computermax2328

    Advanced Member

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

Posted 11 January 2013 - 02: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

JoshuaDempsey

    Member

  • Members
  • PipPip
  • 12 posts

Posted 20 February 2013 - 04:38 PM

What did you test this with, computermax2328?

#3 Medavidcook

Medavidcook

    Member

  • Members
  • PipPip
  • 19 posts
  • LocationCardiff, Wales

Posted 28 February 2013 - 03: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

haku

    Advanced Member

  • Staff Alumni
  • 6,172 posts

Posted 03 March 2013 - 09:28 PM

'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, 03 March 2013 - 09:30 PM.





0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Cheap Linux VPS from $5
SSD Storage, 30 day Guarantee
1 TB of BW, 100% Network Uptime

AlphaBit.com