Header alignment

Hi there,

Thanks!

That’s by design actually. You can add this CSS to change that:

body.pen_header_alignment_center #pen_header #pen_site_title {
  text-align: center;
}
#pen_header #pen_site_title a .site-description {
  max-width: none !important;
}

It can be added through Appearance → Customize → Additional CSS.

Hope it helps!

Thank you very much for your fast answer.

Yes it helps for 1), this is the result:
Header align left

For 2) it helped in the way, that the Description is in one row, but the Description remains left aligned to the Title:
Header align center
I would like to have the Header centered and the Description centered under the Title if the chosed Header Alignment is Center. Like the way in Word, when you center a paragraph. All rows of the paragraph are centered, not only the paragraph itself.
Can you please solve this for me?

By te way: I dont need it, but if the choosen Alignment for the Header is right, Title and Description are aligned right, but the Description remains left aligned with the Title:
Header align right
If you have a Textblock in Word and align it right, all rows of the textblock are aligned right. In my opinion a Header should align the same way as a textblock in word. Just my thoughts ??

Once more, thank you very much ??
Joachim

I think it makes sense, at least while there is no logo. It’ll be probably changed that way in the next update. Thanks for your suggestion.

In the meantime, try this CSS:

body.pen_header_alignment_center #pen_header #pen_site_title {
  text-align: center;
}
#pen_header #pen_site_title a .site-description {
  display: block;
  float: none !important;
  max-width: none !important;
}

Thank you very much.
This works fine.

I just saw, that if the Search box is disabled or a seperate Search bar and changing Header alignment from Left to Center, then the Header Section expands its height and the Header Title and Description are no longer centered in Height in the Header section. There is more space above than below.
Can you please make, that it is centered in height and the Height of the Header section does not expand?
(It is the same behavior without the additional CSS)

I know, this are only little optical things, but i think such a great Theme should be really “perfect” ??

• This reply was modified 3 years, 9 months ago by joachimherb. Reason: Appended text in brackets

In the first sentence of my last post there are missing two words:

I just saw, that if the Search box is disabled or a seperate Search bar is selected and changing Header alignment from Left to Center, then …

You’re welcome.

I’ll check that too, thanks.

In the meantime, you can prevent that with this CSS:

@media only screen and (min-width: 728px) {
  body.pen_header_alignment_center #pen_header #pen_site_title {
    margin-top: 0 !important;
  }
}

PS: Please consider rating the theme, the plugin, and contributing in translation. Thanks.

Thanks for your help!
I rated the theme and the plugin.