Hey there Weebly! Today, I'll be showing you how to turn your Weebly website into a fullscreen mobile "app". (Hides the address bar) I'll be going over how to do this on Android and on IOS. If you liked the tutorial please let me know and share some feedback, -so I feel motivated to make another 
(I'll be using this one my site, sharethespotlight.co)
Step 1
Open up the editor for your site.
Step 2
Click Settings > SEO. Place your cusor over the "Header Code" section as shown below.
Awesome! Great job.
Step 3
Paste this code in your Header Code, save your changes (Bottom right, green button), and publish your site! This will remove the address bar for your site when users either on IOS/Android save your site to their homescreen, giving the app-like feel.
<meta name="apple-mobile-web-app-capable" content="yes"> <meta name="mobile-web-app-capable" content="yes">
Step 4
Alright. After your site's published, visit it on your mobile device. Since I have an Iphone, I will be using IOS, but this will work on your Android device too because we used both companies meta tag to convert it.
(SInce I won't be going over how to add your website to your homescreen on an android device, you can read this article and it will show you what to do)
Click the middle bottom button on the web browser (It looks like a box with an arrow coming out of the top of it) and then "Add to Homescreen". Title it whatever you want.
You'll be redirected to your homescreen and you'll see the icon for your website. When you click on it, the address bar should be removed giving the app-like feel to it.
Thanks so much for reading everyone! If I get positive feedback I'll be sure to post more tutorials. If you need any help respond below or message me. Rock on Weebly!
Before: After:
