Archived topic
Vertical Align Header Elements
2 replies · Started by drumelie on March 24, 2018
Viewing posts 1–3 of 3
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?
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; }
}
Glad you figured out!
This archived topic is closed to new replies.
