I was able to do it with the hook trick, adding part of the css code of the tutorial, since it showed double in the navbar and badly aligned in the sticky bar:
.main-navigation .site-branding a {
line-height: 60px;
font-size: 24px;
text-transform: lowercase;
}
nav#site-navigation .site-branding {
display: none;
}
Another question, it is possible to apply this same hook trick in the Mobile Header On (Appearance > Customize > Layout > Header), instead of a logo type image.
Edit:
With the code that I put before:
nav # site-navigation .site-branding {
display: none;
}
It is hidden from the navbar, but I have noticed that the title H2 in the blog jumps when I scroll.
Any idea to hide it from the navbar and leave it in the sticky bar.
Attached image.
http://img.fenixzone.net/i/sLtg48V.png