Alignment issue on mobile devices

[Gizmotronn]

See #8 link

First:

• Hamburger menu has nothing in it on mobile devices unless you're logged in (thus creating a redundant eyesore)

• Let's try and alter the hamburger menu to only show for logged-in users

Then fix the general alignment issue @artpassos

[Gizmotronn]

Just now I've fixed the issue with the hamburger menu showing up for all users
I want to fix this code later (fix the commenting alignment ) so that the Models section shows up inside the hamburger menu but I'll do this later

<div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav ml-auto">
                    <li class="nav-item">
                        <a class="nav-link" href="index.html"><!--🏡 Home</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="http://dev.to/gizmotronn"><!--✍🏻 Press Releases</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#/ms/login" data-ms-content="!members">🔑 Login</a>
                    </li>
                    <!--
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button"
                            aria-haspopup="true" aria-expanded="false">Works</a>
                        <div class="dropdown-menu">
                            <a class="dropdown-item" href="showcase.html">Showcase Parallax</a>
                            <a class="dropdown-item" href="showcase4.html">Showcase Carousel</a>
                            <a class="dropdown-item" href="showcase3.html">Showcase Circle</a>
                            <a class="dropdown-item" href="works.html">Portfolio Masonry</a>
                            <a class="dropdown-item" href="works2.html">Portfolio Filtering</a>
                            <a class="dropdown-item" href="works3.html">Portfolio Gallery</a>
                        </div>
                    </li>-->
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" 
                            aria-haspopup="true" aria-expanded="false" data-ms-content="members">⛓ Models</a> <!--Remove dropdown arrow-->
                        <div class="dropdown-menu">
                            <a class="dropdown-item" href="#ms-login">🔑 Login</a>
                            <a class="dropdown-item" href="https://3.basecamp.com/5181697/projects">⛺️ Basecamp</a>
                            <a class="dropdown-item" href="#">📑 Documentation</a> <!--Put jekyll in here (this repo underneath `docs' folder) -->
                            <a class="dropdown-item" href="keybase://chat/signalkinetics#general/41">💬 Keybase</a>
                            <a class="dropdown-item" href="#/ms/profile">👩🏻‍🚀 Profile</a>
                            <a class="dropdown-item" href="https://signal-k.slack.com/archives/C02GSLFB05N/p1634270045000500">#️⃣ Slack</a>
                            <a class="dropdown-item" href="https://github.com/signal-k">🙀 Github</a>
                            <a class="dropdown-item" href="http: