1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

How do I make my site work on cellphones?

Discussion in 'General PHP and MySQL Discussions' started by Jaxel, Feb 12, 2014.

  1. Jaxel

    Jaxel Well-Known Member

    I know how responsive design works... this page works on responsive design:

    When I view it on my cellphone, it looks as follows:

    So I am making a new page at:

    If you resize it in your browser, you will see that its responsive. But when I view it on my cellphone, it looks like this:

    It appears that the browser is not dropping below a minimum width. How do I fix this?
  2. Martok

    Martok Well-Known Member

    Going by the colour of your browser, would that be Dolphin browser for Android?

    If so, there seem to be issues with that browser and some aspects of responsive design.
  3. Jaxel

    Jaxel Well-Known Member

    Same thing happens in Chrome for Android.
  4. HittingSmoke

    HittingSmoke Active Member

    How did you build the responsive design on that page? Are you attempting to do any user agent sniffing?

    Emulating any mobile device in the Chrome dev tools breaks the page. It looks like it's not getting the viewport information from mobile devices.

    EDIT: You're missing the viewport meta tag in your header:

    <metaname="viewport"content="width=device-width, initial-scale=1.0">
  5. Jaxel

    Jaxel Well-Known Member

    Thanks, thats all I needed.
  6. seojoseph

    seojoseph Member

  7. HittingSmoke

    HittingSmoke Active Member

  8. Tracy Perry

    Tracy Perry Well-Known Member

    Did that and my whole screen slid to the right and I got my calculator, weather radar and a bunch of other goodies show up.... of course, I'm on a Mac. :p
  9. HittingSmoke

    HittingSmoke Active Member

    Using the same browser on a different platform won't affect the visual rendering of the page. They all use the same rendering engine. It sounds like you've got something wrong with the responsiveness of your template.
  10. Tracy Perry

    Tracy Perry Well-Known Member

    My point was... F12 is a main OS function for OS/X Mavericks.. ;)
    I'm not sure what the key combo that would correspond to OS/X would be - will have to look it up.

Share This Page