Navbar Brand Image

Comments

• dleffler

  May 2015

  The easiest for me, if you only want a small graphic included WITH the brand text is to add it as a background image style something like this:
  #topnavbar .navbar-brand {
  background-image: url("../images/seiba.png");
  background-size: 127px 45px;
  background-repeat: no-repeat;
  color: transparent;
  width: 240px;
  padding-left: 140px;
  }
  If you are looking for something more complex like a full masthead on large devices (pc's) and a (similar) small graphic within the navbar for small devices, it can be more complex, but I've done that also, http://www.seindianabaptist.org/ <http://www.seindianabaptist.org/

  Share on Twitter Share on Google+ Share on Facebook
• Todd Sharpe

  May 2015

  I was able to utilize your example and tweak it to make it work for me.
  
  Thanks!
  
  
  View article...

  Share on Twitter Share on Google+ Share on Facebook