Support » Themes and Templates » iPad detection

Viewing 1 replies (of 1 total)
  • Thread Starter bmorris110

    (@bmorris110)

    I’m using this code right now:

    <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>style_mobile.css"
    media="only screen and (min-device-width : 320px)
    and (max-device-width : 480px)">
    
    <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>style_mobile.css"
    media="only screen and (min-width : 321px)">
    
    <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>style_mobile.css"
    media="only screen and (max-width : 320px)">
    
    <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>ipad.css"
    media="only screen
    and (min-device-width : 768px)
    and (max-device-width : 1024px)">
    
    <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>ipad-landscape.css"
    media="only screen
    and (min-device-width : 768px)
    and (max-device-width : 1024px)
    and (orientation : landscape)">
    
    <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>ipad-portrait.css"
    media="only screen
    and (min-device-width : 768px)
    and (max-device-width : 1024px)
    and (orientation : portrait)">
    
    <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>style_mobile.css"
    media="only screen and (min-width : 1824px)">
    
    <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/style_mobile.css"
    media="only screen
    and (-webkit-min-device-pixel-ratio : 1.5),
    only screen and (min-device-pixel-ratio : 1.5)">

    But I can’t make my background image disappear or the width of my div containers.
    But it is using the right stylesheet.

Viewing 1 replies (of 1 total)
  • The topic ‘iPad detection’ is closed to new replies.