[Resolved] Placing site title in the sticky navigation

[Erika]

Hi there,
is there a method to display the site title in the sticky navigation on the left (navigation menu on the right)?
Thanks, Erika

[David]

Hi there,

try the method provided here:

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

[Erika]

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

[David]

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.

[Erika]

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

[David]

it should work – probably the CSS needs to be more specific 🙂

Try this CSS:

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

[Erika]

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?

[David]

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;
}

[Erika]

Fantastic, as usual 😉 Thank you, David.

[David]

You’re welcome!

[Author]

Posts