Load new CSS for mobile?

  • thelackof

    (@thelackof)


    11 years ago

    I have tried:

    <link rel="stylesheet" media="screen and (min-device-width: 800px)" type="text/css" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
<link rel="stylesheet" media="screen and (max-device-width: 320px)" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/320.css" />

    and though it does read both css files, it reads both at the same time and not one and not the other.

    How can I load the 320.css when required but not the original?

Viewing 1 replies (of 1 total)
  • kjodle

    (@kjodle)

    11 years ago

    Try getting rid of and (min-device-width: 800px), else you’ve no stylesheet defined for screens between 320 and 800 pixels.

Viewing 1 replies (of 1 total)

The topic ‘Load new CSS for mobile?’ is closed to new replies.