Turning a WP Site Into an iPhone/iPad App [closed]

The best way to do this would be to use CSS3 media quires: @media (max-device-width: 480px) but requires more work.

The quick and dirty way to make your WordPress theme app-like would be to add the viewport meta tag to the <head> of your page:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

Viewport scales you page to fit the users device.

To hide the address bar in iOS and Android Just add this line of JavaScript to your page:

// When ready...
window.addEventListener("load",function() {
  // Set a timeout...
  setTimeout(function(){
    // Hide the address bar!
    window.scrollTo(0, 1);
  }, 0);
});

You can also add this meta tag witch tells iOS your site is a web app and to hide the address bar:
<meta name="apple-mobile-web-app-capable" content="yes" />

Related Posts:

  1. Explanation of this hacked code
  2. Hide submenu wordpress?
  3. If hacker looked into all php file, can he make a harm to me?
  4. Header formatting works for safari but not chrome @media screen size technique on iphone
  5. Custom row action on custom posts list page causes a wp_die?
  6. iPhone system font
  7. Thread 1: EXC_BAD_ACCESS (code=1, address=0xf00000c)
  8. Detect a finger swipe through JavaScript on the iPhone and Android
  9. Detect a finger swipe through JavaScript on the iPhone and Android
  10. Terminating app due to uncaught exception ‘NSUnknownKeyException’
  11. Could not load NIB in bundle
  12. Proper usage of wp_is_mobile()?
  13. Add class to before_widget from within a custom widget
  14. WP 4.4. responsive images browser choosing the “wrong” one
  15. WordPress Gutenberg Embed Blocks Are Not Responsive
  16. How to get attachment id of background image?
  17. How to generate/update a XML sitemap without plugins?
  18. Brute force attack?
  19. Why is wp_get_attachment_image_src returning wrong dimensions? [duplicate]
  20. Posts in multiple Categories different single.php
  21. WP 4.4 aspect ratio with responsive image
  22. Don’t load scripts if on mobile/tablet
  23. Run shortcode at certain resolution
  24. Get a list of all image sizes that match aspect ratio of original one
  25. Attach to wp-login.php and xmlrpc.php
  26. WordPress login urls
  27. How do I make featured images retreived by the_post_thumbnail() responsive?
  28. Why was my blog post inserted lot’s of ad links by others?
  29. GIF featured image is resized on server but not used in frontend. Why?
  30. Is it dangerous to install unupdated plugins?
  31. Multiple wp_options tables to share content across installs
  32. Removing height and width from images with a caption
  33. Delete all one-word comments
  34. WordPress Ajax Posting from App
  35. How to install “WordPress for ios” on Apple’s SDK’s iPhone/iPad simulator?
  36. Why does my caroussel gallery do this in responsive? [CSS] [closed]
  37. Best practice for query_posts in responsive design?
  38. Twenty fifteen theme – change responsive menu condition
  39. Using SRCSET with Images and Featured Images
  40. Display Authors in a grid loop
  41. Old Site displays on Mobile View, not New Site
  42. Responsive menu gone on wordpress Responsive theme
  43. Implementing the twentythirteen responsive menu in twentytwelve
  44. Elements floating on top of each other when Resizing or checking site on mobile. Twenty Twelve
  45. No responsive design is displayed
  46. Some one is trying to hack my website, Need guidance [closed]
  47. Move Sidebar from Above Content To Below When Responsive [closed]
  48. Protect Passwords in wp_users with stronger protection than MD5
  49. WordPress Admin Login Custom Logo
  50. Change Responsive Images Maximum Width of 1600px
  51. Custom responsive ‘featured image’ sizes
  52. YouTube video goes over sidebar [closed]
  53. How to load different homepage on Mobile.?
  54. Serve a different theme based on window size
  55. How to stop WordPress from completely overriding my tags in my templates?
  56. How can I reference external attachments without breaking core WordPress files?
  57. Change Menu Button Text [closed]
  58. the_content not showing responsive image attributes srcset or sizes
  59. Custom Post Types and Removing Slugs – should we do it?
  60. Different column width in 2 rows with bootstrap and custom post types-different classes needed
  61. Define width of featured image thumbnails, but also make responsive?
  62. Change Image Sizes for Mobile Theme
  63. Change twentytwelve sidebar responsive relocation?
  64. Twenty Eleven Theme Adjusts for iPhones. How to stop this feature?
  65. First click to blog title does not open the blog article
  66. My theme header is stuck on a low resolution image?
  67. is there a way to preload specific images for desktop users only? (excluding mobile users)
  68. Responsive header image
  69. Cannot collapse a responsive menu in WordPress
  70. tinymce and responsive line-breaks (short words after a period)
  71. Disable Responsive Image Sizes crop
  72. Shortcode function not showing up on mobile browser
  73. How to make in wordpress a gallery with 3 colums to 1 on mobile devices responsive?
  74. WordPress 5: including larger thumbnail image sizes in srcset than I have set
  75. Disable rendering of objects on mobile/above certain screen resolution
  76. New Styles Not Rendering On Mobile Phone and Tablet
  77. Broken images on iphone
  78. Menu is in Reversed order
  79. Decide how Hero image appears on mobile
  80. Responsive images with srcset
  81. built-in responsive images in content – do I need to add anything to functions.php?
  82. Sidebar widgets are over the content in mobile mode, how can I fix it? [closed]
  83. Should I detect the device or the page first?
  84. How to insert category name above post title in a featured pages plugin?
  85. Hacked site using transient API?
  86. Responsive Wordress Site – Serve different post types to each device
  87. Ads below footer
  88. Create various image sizes ad hoc
  89. Responsive framework – edit child js
  90. site is loading fully zoomed in on mobile devices
  91. Problems Replacing Background Color with Static Background Image in Responsive Design
  92. Image menu on responsive WordPress
  93. Is Twenty Eleven Theme Responsive ? any update? [closed]
  94. How would I use a media query to make my entire theme responsive or fluid? [closed]
  95. different startsite for IOS and change menu
  96. How to make this splash page responsive
  97. Hamburger Navigation Menu
  98. Custom page template not working on mobile
  99. Hiding site title for Twentyfifteen sidebar on (responsive) desktop display size
  100. Site header logo and parallax image on homepage do not display on iPhone