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:
- Explanation of this hacked code
- Hide submenu wordpress?
- If hacker looked into all php file, can he make a harm to me?
- Header formatting works for safari but not chrome @media screen size technique on iphone
- Custom row action on custom posts list page causes a wp_die?
- How to solve WordPress accordion problem on Iphone?
- iPhone system font
- MpMovie Player not rotating to land scape mode
- How do you create a Swift Date object?
- Thread 1: EXC_BAD_ACCESS (code=1, address=0xf00000c)
- Is it possible to convert apk file to IPA file?
- Media queries in Sass
- how to fix the issue “Command /bin/sh failed with exit code 1” in iphone
- Processing Symbol Files in Xcode
- Xcode error: This device is no longer connected
- How to read iPhone files without jailbreaking?
- Detect a finger swipe through JavaScript on the iPhone and Android
- Detect a finger swipe through JavaScript on the iPhone and Android
- UIButton title text color
- Storyboard warning: prototype table cells must have reuse identifiers
- Terminating app due to uncaught exception ‘NSUnknownKeyException’
- Could not load NIB in bundle
- mailto link with HTML body
- Xcode error “Could not find Developer Disk Image”
- Full width image in separated row on wordpress (Ref attacted)
- safari cannot open the page because too many redirects occurred wordpress
- How do I disable responsive images in WP 4.4?
- Proper usage of wp_is_mobile()?
- Add class to before_widget from within a custom widget
- make WordPress image captions responsive
- WP 4.4. responsive images browser choosing the “wrong” one
- the_post_thumbnail responsive srcset not populating with custom image size
- How to get permalinks with category base working with sub-categories
- How to insert pictures without hard coded dimensions?
- Responsive Theme Design: how have slideshow on desktops/tablets and static photo on mobile using same template?
- wordpress json custom taxonomy problem
- Create image formats with different qualities when uploading
- How-to make the admin area mobile friendly [closed]
- How can I set image sizes and still have responsive images using the srcset attribute?
- How do I make my blog iPad / iPhone / Android friendly?
- Images all broken after migration and upgrade
- WordPress Gutenberg Embed Blocks Are Not Responsive
- Code Formatted with SyntaxHighlighter Evolved Appearing Incorrectly on iPad/iPhone
- How to get attachment id of background image?
- How-to add rewrite rules to point the uploads folder to a subdomain
- Pb with responsive image sizes in WP 4.4
- How would I compare and remove hacks to core?
- Responsive Images
- How to generate/update a XML sitemap without plugins?
- WP 4.4. responsive loads normal image after loading the responsive image
- Brute force attack?
- Why is wp_get_attachment_image_src returning wrong dimensions? [duplicate]
- the_post_thumbnail scaling not hard cropping
- Posts in multiple Categories different single.php
- How to create an iPhone app base on the content from a WordPress site? (Just like the one by Mashable)
- Excess White Space Above Admin Bar on Frontend Using Twitter Bootstrap
- Making WordPress Gallery (.gallery-item) Responsive?
- Implementing Zurb’s Interchange Into WordPress
- Using FlexNav with WordPress [closed]
- Featured Image in 4.4 should be larger on mobile device
- WP 4.4 aspect ratio with responsive image
- How to use the responsive images feature from WP 4.4 in your themes
- WordPress core responsive video not working with shortcode
- How to oEmbed from custom field, responsive to container size and responsive
- Generating Responsive Background Image Sizes in PHP
- How can I serve different images depending on screen size with wordpress
- Hacking TinyMCE for better usability (shortcodes and html)
- Benefits of storing uploads in an assets folder?
- brute force attack even though it is limited by IP
- Don’t load scripts if on mobile/tablet
- Change function in responsive theme
- How can I assign post a specific ID on creation?
- Change theme based on window size
- wp.getUsers XML-RPC method is returning only 50 users, how can i get all the users
- Run shortcode at certain resolution
- Trying to load a responsive CSS media query using Custom Taxonmy
- Two column layout using Bootstrap [closed]
- Synchronizing Two WordPress Sites Content
- How can I make new .css file in child theme override styles in child theme’s style.css
- How to Make WordPress Default gallery responsive on mobile?
- wordpress responsive image srcset not working
- Responsive background images added inline
- Converting WordPress into Android or iPhone app
- Intercept comment form submit/list by hook/filter
- $content_width for responsive UI
- Can’t stop hacker trying to get admin access in WordPress blog after trying many ways [closed]
- How can i disable a plugin for a mobile phone?
- How can I make a wp site in a mobile application?
- How to prevent bot or someone to modify any file automatically?
- Responsive Images – Add srcset attributes to custom Images Function
- Get a list of all image sizes that match aspect ratio of original one
- How can I autopopulate titles in the media library?
- How can I make wp default gallery responsive?
- How to switch css files according to devices and button click?
- Attach to wp-login.php and xmlrpc.php
- Manipulate Output of wp_list_something: select menu instead of li’s
- How to exclude an image size from the WordPress srcset
- WordPress login urls
- Get specific image size for small viewport width
- How do I make featured images retreived by the_post_thumbnail() responsive?