[Support request] Configuration of header elements

[Ketil]

Hi. Thought I would change the site library base for a site, from “Plumber” to “Driver”. I can’t seem to copy the logo/site title/site slogan from one to the other, any tips for me?

[Leo]

Hi there,

Can you make sure Hide site tagline is UNCHECKED in the customizer?
https://docs.generatepress.com/article/site-title-tagline/

Let me know 🙂

[Ketil]

It has no effect when I change this option in customizer, the tagline is hidden checked and unchecked.

[Leo]

Ahh sorry – Driver is using the navigation as header option so the site description/tagline is disabled by default to save space:
https://docs.generatepress.com/article/navigation-as-a-header/

Can you disable that option and set the navigation location to float right?
https://docs.generatepress.com/article/navigation-location/

Then the tagline should show.

Let me know 🙂

[Ketil]

Hi. Yes, this worked, but no logo shows in sticky menu, can I add it to look similar to the “navigation as header”-look?

[Fernando]

Hi Ketil,

Can you go to Appearance > Customize > Layout > Sticky Navigation, and check if a logo is uploaded there? If there’s none, upload one so you get a logo for your Sticky Nav.

[Ketil]

The thing is that in the “normal” header, I use logo, title and decription. In sticky navigation only logo shows. Anything I can do?

[Fernando]

The basics would be this:

1. Create a new Hook Element
1.1 Add this for your Hook Content:

<div class="navigation-title-container">
    <p class="main-title">My Title</p>
<p class="site-description">My Description</p>
</div>

1.2 Select the generate_after_logo hook
1.3 Set the Display Rules to the Entire Site
2. Add this CSS through Appearance > Customize > Additional CSS to hide the title and description from the Hook unless Nav is sticky:

.sticky-enabled .main-navigation:not(.is_stuck) .navigation-title-container {
    display: none;
}

It may require some CSS for tweaking the spacing, alignment, and styling – I can take a look once the above is done.

Alternatively, you can use a Block Element – Hook instead of a Hook Element so no CSS would be needed.

[Author]

Posts