How to hide the address bar of a webpage in Android and iOS?

General questions relating to Joomla! 3.x.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting.
Forum Post Assistant - If you are serious about wanting help, you should use this tool to help you post.
Windows Defender SmartScreen Issues <-- please read this if using Windows 10
Locked
aiadcharkie
Joomla! Fledgling
Joomla! Fledgling
Posts: 2
Joined: Tue Sep 16, 2014 4:01 pm

How to hide the address bar of a webpage in Android and iOS?

Post by aiadcharkie » Tue Sep 16, 2014 4:09 pm

Hello, Does anyone know how I can remove the address bar from the Android and iOS browser to better view my web app and make it look more like a native app and where should i insert the code?
Thanks
Top
itoctopus
Joomla! Virtuoso
Joomla! Virtuoso
Posts: 4025
Joined: Mon Nov 25, 2013 4:35 pm
Location: Montreal, Canada
Contact:
Contact itoctopus

Re: How to hide the address bar of a webpage in Android and

Post by itoctopus » Tue Sep 16, 2014 5:11 pm

Try the following JS code:

Code: Select all

window.scrollTo(0,1);
http://www.itoctopus.com - Joomla consulting at its finest
https://twitter.com/itoctopus - Follow us on Twitter
Top
aiadcharkie
Joomla! Fledgling
Joomla! Fledgling
Posts: 2
Joined: Tue Sep 16, 2014 4:01 pm

Re: How to hide the address bar of a webpage in Android and

Post by aiadcharkie » Tue Sep 16, 2014 9:09 pm

I paste this code into my head under <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"/> but the code is not working it looks like the code needs some more parameters.
Top
RedEye
Joomla! Ace
Joomla! Ace
Posts: 1460
Joined: Sat Jan 21, 2006 8:42 pm

Re: How to hide the address bar of a webpage in Android and

Post by RedEye » Wed Sep 17, 2014 2:16 am

you should read http://www.html5rocks.com/en/mobile/fullscreen/
Top
Locked

Return to “General Questions/New to Joomla! 3.x”