Help understanding class navbar-brand

  • Resolved amberlynnbenton

    (@amberlynnbenton)


    9 years, 5 months ago

    So I have another open post with no replies asking for help in customizing my header. I’ve got most of that solved, but my code is probably a mess.

    Right now the thing that I’m bumping up against is getting the logo to display in the center of the header. I am assuming that the navbar-brand div is only 1/2 the width of the header. Does anyone have any information about that?

    My site is amberlynnbenton.com. You can read my previous post for more info.

    I am using the Genesis Simple Hooks plugin and have unhooked the default header and the following code is inside the navbar-brand div:

    <div class="navbar-brand">
            <h1 class="logo">
               <a href="https://www.amberlynnbenton.com/">
<img src="https://www.amberlynnbenton.com/wp-content/uploads/2015/09/amberlynnheader.png" alt="Amber Lynn Benton" align="middle">
</a>
            </h1>
        </div>
Viewing 1 replies (of 1 total)
  • Thread Starter amberlynnbenton

    (@amberlynnbenton)

    I think that the navbar-brand is a bootstrap class? Anyway it’s not listed in my css so I had to find an html fix. There is probably a better way, but to fix this issue I added a style with a margin-left value of 25%. Check it out: amberlynnbenton.com

    Here’s the code:

    <div class="navbar-brand">
            <h1 class="logo" style="margin-left:25%;">
               <a href="https://www.amberlynnbenton.com/">
<img src="https://www.amberlynnbenton.com/wp-content/uploads/2015/09/AmberLynnYellow.png" alt="Amber Lynn Benton" align="middle">
</a>
            </h1>
        </div>

    I’m going to mark this as resolved – hopefully someone else will find it helpful. I am truly bumbling so if someone else happens upon this post and would like to post a more knowledgeable reply or a better fix it would be appreciated.

Viewing 1 replies (of 1 total)
  • The topic ‘Help understanding class navbar-brand’ is closed to new replies.