[Support request] Change vertical position of Title and Tagline in the header

Home Forums Support [Support request] Change vertical position of Title and Tagline in the header

Home Forums Support Change vertical position of Title and Tagline in the header

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2392185
    Melanie

    Hello,

    I have a question about the vertical placement of the title and tagline in my header.

    The header currently has the logo, followed by the title/tagline. The title is above the tagline, as normal. I’d like to shift the title and tagline down, possibly aligning the tagline with the bottom of the logo. (However, I’d love the flexibility to move the title/tagline down any specific amount.)

    Is there a way to do this? I’ve been searching for a solution, but the approaches I’ve tried haven’t worked.

    Thanks for your help!

    Melanie

    #2392684
    David
    Staff
    Customer Support

    Hi there,

    we can use some CSS. Try:

    
    .site-header .site-branding-container {
        align-items: flex-end;
    }
    
    .site-branding {
        margin-bottom: 10px;
    }

    To cover, in the first rule we use align-items: flex-end;, as the branding container is a flex, row, this vertically aligns the content to the bottom.

    In the second rule we then select just the site-branding and give it a little bottom margin to move it up 10px. Adjust this value to suit your needs.

    #2393406
    Melanie

    Yes, that’s perfect! Thanks so much. You guys have incredible customer support.

    Melanie

    #2393763
    David
    Staff
    Customer Support

    Happy to be of help 🙂

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