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

Forum|Forum|3 years ago
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?

Other

This topic has been closed for replies.

Nancy OShea

Community Expert

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

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!

A

aviel222Author

Known Participant

i need to hide this navigation bar

BenPleysier

Community Expert

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!

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded