Placing site title in the sticky navigation

Hi there,

try the method provided here:

https://generatepress.com/forums/topic/add-text-next-to-logo-styling-header-main-menu-bar/#post-1597008

Hi David,

I did, but it is not displayed. If I select the generate_inside_navigation hook then I can see it, but that is the wrong place as I can´t justify the content here. Why is it not showing with generate_after_logo? Can you take a look?

Thanks, Erika

Aah my bad the generate_after_logo hook only exists if you have a logo assigned to it.
Change the hook the generate_inside_navigation and once its there i can take a look at and provide the CSS to position it.

Smile. I did, have a look. Why is justify-content: space-between not working on the navigation div?

it should work - probably the CSS needs to be more specific :)

Try this CSS:

.navigation-title-container {
  margin-right: auto;
  margin-left: 10px;
}

Simple and nice, can we hide it on mobile?
I tried this:
@media (max-width: 768px) {
.navigation-title-container {display: none;}
}
but it still displays. Any correction?

Aah the Mobile Header is using the Branding options ( in Customizer > Layout > Header --> Mobile Header ) to display the title.

Use this CSS to remove it it's sticky:

#mobile-header.is_stuck .navigation-branding .main-title {
  display: none;
}

Fantastic, as usual ;) Thank you, David.

You're welcome!