Celebrating 7 Years! Get up to $30 off GeneratePress Premium!

[Resolved] Vertical Align Header Elements

Home Forums Support [Resolved] Vertical Align Header Elements

Home Forums Support Vertical Align Header Elements

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #529460
    drumelie

    I am showing the site title and tagline (site description) on the left side of the header, which also contains an image widget on the right.

    I would like to have the title and tagline be vertically aligned in the header.

    I don’t want to use padding, as this does not look right on mobile.

    Is there a good way to vertically align the 2 <p> elements containing the site title and tagline?

    GP Premium 1.6
    #529466
    drumelie

    I found a solution using padding for desktop:


    @media
    (min-width: 769px) {
    .site-branding p.main-title {
    padding-top: 20px; }
    .site-branding p.site-description {
    padding-top: 10px; }
    }

    #529711
    Leo
    Staff
    Customer Support
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.