Archived topic
Sticky bar, site title two colors
6 replies · Started by Diogenes on October 7, 2018
Hello, I congratulate you for this wonderful theme.
It is possible to apply the same effect shown in this post but applied to the sticky bar (where the logo is located).
I'm trying with a hook in that position, but I do not see any.
Thanks in advance.
Hi there,
there is the inside_navigation hook that you can use. Its available using the Hook Element.
Just to add to David's advice, if you are looking to use site title in navigation instead of logo, take a look at this article:
https://docs.generatepress.com/article/add-site-title-to-navigation/
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
For site title in mobile header, this should help:
https://generatepress.com/forums/topic/site-title-instead-on-logo-on-mobile-heder/#post-252767
Can you link us to the site in question if you are having more problems?
You can edit the original topic and use the private URL field.
Thanks!
Thanks for the support, choose to put the logo with images.
Regards
Glad we could help :)