Bulma: navbar-brand on right?

[twheel]

This is about Bulma and the Docs.

I'm using Bulma 0.60

The docs say navbar-brand goes on the left side of navbar. Is it possible for navbar-brand to go on the right?

[ptcampbell]

+1 for more layout flexibility for navbar generally

[monaye]

Actually, you just need to place the element to the right and change the margin of navbar-burger and it should work.

Here is the sample.

.navbar-burger.right {
    margin-right: auto;
    margin-left: 0;
}

<nav class="navbar ">
        <div id="" class="navbar-menu">
            <div class="navbar-start">
                <a class="navbar-item" href="#">Home</a>
                <a class="navbar-item" href="#">About Us</a>
                <a class="navbar-item" href="#">Services</a>
                <a class="navbar-item" href="#">Contact Us</a>
            </div>
            <div class="navbar-end">
            </div>
        </div>
        <div class="navbar-brand">
            <div class="navbar-burger burger right">
              <span></span>
              <span></span>
              <span></span>
            </div>
            <a class="navbar-item" href="http://bulma.io">
                <img src="http://bulma.io/images/bulma-logo.png" alt="Bulma: a modern CSS framework based on Flexbox" width="112" height="28">
            </a>
        </div><!-- .navbar-brand -->      
    </nav>

[koddr]

Or maybe center?

[brian4d]

+1 for @monaye. My only suggestion would be to call the new class .navbar-burger.left since the brand goes right and the burger goes left.

[LoopsGod]

See: #3074 -- suggestions like these, including having the navbar burger on the left instead of the right are not being done, besides being very popular.