# How does Twitter mobile hide the address url on safari iphone

**URL:** <https://forum.ionicframework.com/t/how-does-twitter-mobile-hide-the-address-url-on-safari-iphone/123796>\
**Category:** ionic-v3\
**Created:** [March 7, 2018, 11:43pm UTC](https://forum.ionicframework.com/t/how-does-twitter-mobile-hide-the-address-url-on-safari-iphone/123796 "2018-03-07T23:43:11Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![lolaswift1](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/lolaswift1/32/115280_2.png) [@lolaswift1](https://forum.ionicframework.com/u/lolaswift1)\
**Post date:** [March 7, 2018, 11:43pm UTC](https://forum.ionicframework.com/t/how-does-twitter-mobile-hide-the-address-url-on-safari-iphone/123796/1 "2018-03-07T23:43:11Z")

</div>

[https://mobile.twitter.com](https://mobile.twitter.com)

I tried to do it with:  
`<meta name="apple-mobile-web-app-capable" content="yes">`  
but not working.

---

<div class="post-metadata">

**Author:** ![lolaswift1](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/lolaswift1/32/115280_2.png) [@lolaswift1](https://forum.ionicframework.com/u/lolaswift1)\
**Post date:** [March 10, 2018, 10:00pm UTC](https://forum.ionicframework.com/t/how-does-twitter-mobile-hide-the-address-url-on-safari-iphone/123796/2 "2018-03-10T22:00:38Z")

</div>

😥

---

<div class="post-metadata">

**Author:** ![reedrichards](https://avatars.discourse-cdn.com/v4/letter/r/34f0e0/32.png) [@reedrichards](https://forum.ionicframework.com/u/reedrichards)\
**Post date:** [March 11, 2018, 8:21am UTC](https://forum.ionicframework.com/t/how-does-twitter-mobile-hide-the-address-url-on-safari-iphone/123796/3 "2018-03-11T08:21:00Z")

</div>

no idea neither, have you try your luck on stackoverflow maybe?

just a thought about this and PWA, I think, if I remember correctly, per default, the first time the user access the PWA, he/she sees the address url but afterwards when the app is use again, the user doesn’t see the bar anymore

---

<div class="post-metadata">

**Author:** ![lolaswift1](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/lolaswift1/32/115280_2.png) [@lolaswift1](https://forum.ionicframework.com/u/lolaswift1)\
**Post date:** [March 11, 2018, 3:38pm UTC](https://forum.ionicframework.com/t/how-does-twitter-mobile-hide-the-address-url-on-safari-iphone/123796/4 "2018-03-11T15:38:06Z")

</div>

thx reedrichards.  
I also raised the question on stackoverflow but no answer yet.

---

<div class="post-metadata">

**Author:** ![reedrichards](https://avatars.discourse-cdn.com/v4/letter/r/34f0e0/32.png) [@reedrichards](https://forum.ionicframework.com/u/reedrichards)\
**Post date:** [March 11, 2018, 3:50pm UTC](https://forum.ionicframework.com/t/how-does-twitter-mobile-hide-the-address-url-on-safari-iphone/123796/5 "2018-03-11T15:50:19Z")

</div>

☹

hope someone will find a solution, sounds cool

---

<div class="post-metadata">

**Author:** ![jaydz](https://avatars.discourse-cdn.com/v4/letter/j/858c86/32.png) [@jaydz](https://forum.ionicframework.com/u/jaydz)\
**Post date:** [March 11, 2018, 7:41pm UTC](https://forum.ionicframework.com/t/how-does-twitter-mobile-hide-the-address-url-on-safari-iphone/123796/6 "2018-03-11T19:41:43Z")

</div>

You might want to look into a property named “fixedInViewport”. That, combined with navigation container settings is potentially how it is done (this is coming from a vague memory, so that statement has about a 50% level of certainty behind it)

---

<div class="post-metadata">

**Author:** ![lolaswift1](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/lolaswift1/32/115280_2.png) [@lolaswift1](https://forum.ionicframework.com/u/lolaswift1)\
**Post date:** [March 12, 2018, 7:54pm UTC](https://forum.ionicframework.com/t/how-does-twitter-mobile-hide-the-address-url-on-safari-iphone/123796/7 "2018-03-12T19:54:20Z")

</div>

> [@jaydz](#):
>
> fixedInViewport

thx jaydz for your reply

---

<div class="post-metadata">

**Author:** ![leonardoss](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/leonardoss/32/114499_2.png) [@leonardoss](https://forum.ionicframework.com/u/leonardoss)\
**Post date:** [March 12, 2018, 8:28pm UTC](https://forum.ionicframework.com/t/how-does-twitter-mobile-hide-the-address-url-on-safari-iphone/123796/8 "2018-03-12T20:28:59Z")

</div>

what you are talkin about hide address url, for me safari just change the text size of url but steel showing [LOCK] [mobile.twitter.com](http://mobile.twitter.com) 🤔

---

<div class="post-metadata">

**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\
**Post date:** [March 12, 2018, 10:43pm UTC](https://forum.ionicframework.com/t/how-does-twitter-mobile-hide-the-address-url-on-safari-iphone/123796/9 "2018-03-12T22:43:03Z")

</div>

There’s a bit more that just the first line.

Apple has some docs on the topic here

[https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html](https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html)

Note, they’re kind of old and will soon be out of date as iOS is adding support for web app manifest.

---

<div class="post-metadata">

**Author:** ![lolaswift1](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/lolaswift1/32/115280_2.png) [@lolaswift1](https://forum.ionicframework.com/u/lolaswift1)\
**Post date:** [March 20, 2018, 11:23pm UTC](https://forum.ionicframework.com/t/how-does-twitter-mobile-hide-the-address-url-on-safari-iphone/123796/10 "2018-03-20T23:23:10Z")

</div>

@mhartington Thanks a lot for your help mike.  
Can’t wait for ios 11.30.

I’d like to say thank you again for giving us the wonderful ionic framework!

---

<div class="post-metadata">

**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\
**Post date:** [July 19, 2021, 9:46pm UTC](https://forum.ionicframework.com/t/how-does-twitter-mobile-hide-the-address-url-on-safari-iphone/123796/11 "2021-07-19T21:46:22Z")

</div>


