<html>
  <head>
    <meta content="text/html; charset=ISO-8859-1"
      http-equiv="Content-Type">
  </head>
  <body text="#000000" bgcolor="#FFFFFF">
    <div class="moz-cite-prefix">Redirecting them isn't really a great
      idea. You end up frustrating more people than it's worth. The
      better option is a banner that displays at the top of the page.
      Here's how I've done it in the past for clients:<br>
      <br>
      &lt;body&gt;<br>
      <br>
      &lt;div id="my-app-banner"&gt;yada yada yada&lt;/div&gt;<br>
      &lt;/body&gt;<br>
      <br>
      css:<br>
      <br>
      #my-app-banner {<br>
      display:none;<br>
      position:absolute;<br>
      top:0;<br>
      left:0;<br>
      width:100%;<br>
      (whatever else you want)<br>
      }<br>
      <br>
      .show-app-banner {<br>
      &nbsp;&nbsp;&nbsp; padding-top: {same height as your banner}<br>
      }<br>
      <br>
      .show-app-banner #my-app-banner {<br>
      display:block;<br>
      }<br>
      <br>
      Javascript:<br>
      <br>
      if (navigator.userAgent.match(/Android|iPhone|iPad|iPod/i)) {<br>
      &nbsp;&nbsp;&nbsp; $('body').addClass('show-app-banner');<br>
      } <br>
      <br>
      <br>
      Depending on your theme you will have to play with the css. Best
      thing about this approach is you can easily do it in a module or
      the theme and even exclude pages by path. And since this is
      targetting smartphones with support for modern CSS, you can really
      design something nice in pure CSS (gradients, shadows, border
      radius, etc.), plus use CSS3 transitions to animate things.<br>
      <br>
      Also adding a close button is considered very friendly.<br>
      <pre class="moz-signature" cols="72">Jamie Holly
<a class="moz-txt-link-freetext" href="http://hollyit.net">http://hollyit.net</a></pre>
      On 3/11/2014 7:09 PM, N&eacute;stor wrote:<br>
    </div>
    <blockquote
cite="mid:CAON-vCN0qvWdGQJxU=Wg20rBxbfUsL8cbyMo1GcRff90pa-LkQ@mail.gmail.com"
      type="cite">
      <div dir="ltr">
        <div>
          <div>
            <div>
              <div>
                <div>
                  <div>
                    <div>
                      <div>
                        <div>I need information on how to detect mobile
                          devices on our desktop site and <br>
                          once detected then display a splash or page or
                          redirect the user to a page <br>
                          <br>
                          <br>
                        </div>
                        The page or splash will have information that
                        will ask the user to either continue to<br>
                        the desktop site or to go to the "APP store"&nbsp;
                        (android, Iphone).&nbsp; I will also set a cookie<br>
                      </div>
                      so the user does not get this page/splas over and
                      over.<br>
                      <br>
                    </div>
                    Now, I managed to add some code on my <a
                      moz-do-not-send="true" href="http://page.tpl.ph">page.tpl.ph</a>
                    that check the HTTP_USER_AGENT<br>
                  </div>
                  it will set a cookie and then it will redirect them to
                  another page (mobileandoir or mobileiphone)<br>
                  <br>
                </div>
                This is working fine but I was wondering if there are
                site out there done in Drupal that have<br>
              </div>
              a similar system set in place.<br>
              <br>
            </div>
            <div>Can anyone provide information about this and how other
              people have done it..<br>
            </div>
            <div><br>
            </div>
            I am using Drupal 6<br>
            <br>
          </div>
          Thanks,<br>
          <br>
        </div>
        Rotsen<br>
      </div>
      <br>
      <fieldset class="mimeAttachmentHeader"></fieldset>
      <br>
    </blockquote>
    <br>
  </body>
</html>