Site logo

Archived topic

Sticky bar, site title two colors

6 replies · Started by Diogenes on October 7, 2018

Viewing posts 1–7 of 7

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.

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

Thanks for the support, choose to put the logo with images.
Regards

Glad we could help :)

This archived topic is closed to new replies.