Skip to main content
Known Participant
November 6, 2022
Question

How to hide the iPhone browser application bar [topic edited for clarity]

  • November 6, 2022
  • 2 replies
  • 562 views
I tried to download some codes from the internet and it doesn't work. Can someone help me?

 

This topic has been closed for replies.

2 replies

Nancy OShea
Community Expert
Community Expert
November 7, 2022

You're building a website, not a mobile device app.  Two completely different things.

 

What you ask is impossible. The iPhone browser bar is an essential part of the browser app.  Without it, nobody can use the browser to access your website.

 

10 Steps to Creating A Mobile Device App for iPhone or Android:

https://buildfire.com/how-to-create-a-mobile-app/

 

Nancy O'Shea— Product User & Community Expert
BenPleysier
Community Expert
Community Expert
November 6, 2022

Copy this code and paste it in a new document to see the result.

 

<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Bootstrap 5.1.3 Example</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous" />
</head>

<body>
    <header class="bg-dark">
        <div class="container">
            <div class="row">
                <div class="col">
                    <nav class="navbar navbar-expand-sm bg-dark navbar-dark">
                        <a class="navbar-brand ms-auto" href="#">Navbar</a>
                        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar1_collapse" aria-controls="navbar1_collapse" aria-expanded="false" aria-label="Toggle navigation">
                            <span class="navbar-toggler-icon"></span>
                        </button>
                        <div class="collapse navbar-collapse" id="navbar1_collapse">
                            <div class="navbar-nav">
                                <a class="nav-item nav-link active" href="#">Home</a>
                                <a class="nav-item nav-link" href="#">About</a>
                                <a class="nav-item nav-link" href="#">Contact</a>
                            </div>
                        </div>
                    </nav>
                </div>
            </div>
        </div>
    </header>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
</body>

</html>
Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
aviel222Author
Known Participant
November 7, 2022

i need to hide this navigation bar

BenPleysier
Community Expert
Community Expert
November 7, 2022

Thanks for the explanation. Would have been great to have known that prior to me wasting my time.

 

Back to your question, this is not a Dreamweaver question, this should be posted in some forum related to the iOS operating system.

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!