Archived topic

Tagline over menu possible?

5 replies · Started by William on February 19, 2021

Viewing posts 1–6 of 6

February 19, 2021 at 6:18 pm #1665151

I have the logo to the left, and the navigation menu floated to the right - so far so good.

I now need to put the Tagline above the menu - is that feasible?

I've tried using the hook generate_inside_navigation, and that comes close, but messes up the menu alignment and causes the logo to shrink significantly.

See the URL in the Private information... I'm trying to do this as cleanly as possible using GP Premium.

Thank you very much for any help.

February 19, 2021 at 8:16 pm #1665178

Hi William,

The link you provided is not a GP site, could you please link us to the GP site in question?

February 20, 2021 at 5:55 am #1665476

Thanks, I was able to work through it. Together with the aforementioned hook, here's the CSS I used.


#site-navigation.main-navigation .inside-navigation {justify-content: flex-end;}
.site-logo {line-height: 1;}
.site-logo img {max-width: 30vw;}
.site-header .header-image {vertical-align: initial;}
nav#sticky-navigation #tagline {display: none;}
#tagline {
    padding-right: 20px;
    font-family: 'Open Sans', sans-serif;
    color: #275b8d;
    text-transform: uppercase;
    font-size: 1.765em;
}

February 21, 2021 at 12:49 pm #1666919

Very good job! Congrats :)
Glad you figured it out.

February 21, 2021 at 12:54 pm #1666928

An option in customizer to output the tagline above the menu would be a welcome addition in a future release ;-)

February 21, 2021 at 1:13 pm #1666950

It's a pretty rare request - actually the first time I've seen it.

Not sure if it's worth a customizer option.

We will consider it if it comes up more.

Thanks for your input!

This archived topic is closed to new replies.

Start building better websites today.