[Resolved] Display tagline to the right above navigation

[Lucy]

Hi there

I have a header with the navigation set to float right (logo on the left) and I would like to display the tagline, also right-aligned, above the navigation.

I have tried a few things – currently the tagline is using the generate_before_navigation hook but it sits on the same line as the navigation:

https://wordpress-462773-2305557.cloudwaysapps.com/

How can I make the tagline and navigation both aligned right with the tagline stacked above the navigation?

Thank you for any help you can offer!

[Ying]

Hi Lucy,

Can you change the hook togenerate_inside_navigation, then we can have a look from there 🙂

[Lucy]

Hi Ying

I’ve done that now.

Best wishes
Lucy

[David]

Hi there,

now try adding this CSS:

@media(min-width: 769px) {
    .site-header .main-navigation .inside-navigation {
        justify-content: flex-end;
        text-align: right;
    }
    .main-navigation .inside-navigation #tagline {
        flex: 1 0 100%;
        margin-bottom: 0.25em;
        padding: 0 20px;
    }
}

[Lucy]

That is perfect – thank you as always 🙂

[David]

Glad we could be of help!

[Author]

Posts