[Resolved] Display tagline to the right above navigation

Home Forums Support [Resolved] Display tagline to the right above navigation

Home Forums Support Display tagline to the right above navigation

  • This topic has 5 replies, 3 voices, and was last updated 1 month ago by David.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #2045591
    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!

    #2046016
    Ying
    Staff
    Customer Support

    Hi Lucy,

    Can you change the hook togenerate_inside_navigation, then we can have a look from there ๐Ÿ™‚

    #2046208
    Lucy

    Hi Ying

    I’ve done that now.

    Best wishes
    Lucy

    #2046641
    David
    Staff
    Customer Support

    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;
        }
    }
    #2046659
    Lucy

    That is perfect – thank you as always ๐Ÿ™‚

    #2046688
    David
    Staff
    Customer Support

    Glad we could be of help!

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.