Site logo

Archived topic

Configuration of header elements

7 replies · Started by Ketil on March 22, 2023

Viewing posts 1–8 of 8

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?

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

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.

This archived topic is closed to new replies.