Archived topic
Display tagline to the right above navigation
5 replies · Started by Lucy on December 11, 2021
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!
Hi Lucy,
Can you change the hook togenerate_inside_navigation, then we can have a look from there :)
Hi Ying
I've done that now.
Best wishes
Lucy
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;
}
}That is perfect - thank you as always :-)
Glad we could be of help!
