How to make Logo Text two lines


#1

Is there a way to make the Logo Text in a nav bloc in the global header bloc two lines?

If so how is this done?


#2

found an answer?


#3

Also very interested in this


#4

Hello @eagle

If you want to create a logo with two lines, what I do is a 3 columns bloc, then on the left column I use the following code:

<style>
.navbar-brand {
  line-height:12px;
  padding-top:20px;
  padding-bottom:5px;
  color:red
}

.navbar-brand small {
  display:block;
  font-size:10px;
  color: blue
}

.navbar-brand:hover {
  line-height:12px;
  padding-top:20px;
  padding-bottom:5px;
  color:yellow
}

.navbar-brand small:hover {
  display:block;
  font-size:10px;
  color: red
}
</style>
<a class="navbar-brand" href="#">Brand <small>Subtitle here</small></a>

Hope it will help…


#5

Thanks for the tip. I just ended up creating a graphic with two lines of text…And used that image.