Archived topic
Configuration of header elements
7 replies · Started by Ketil on March 22, 2023
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?
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 :)
It has no effect when I change this option in customizer, the tagline is hidden checked and unchecked.
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 :)
Hi. Yes, this worked, but no logo shows in sticky menu, can I add it to look similar to the "navigation as header"-look?
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.
The thing is that in the "normal" header, I use logo, title and decription. In sticky navigation only logo shows. Anything I can do?
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.