Header logo slogan not centered under the logo

PenciDesign Supporter replied

1 year ago

Staff Reply

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

.penci-header-builder .pc-builder-element.pc-logo a {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.penci-header-builder .pc-builder-element.pc-logo img {
  width: 120px;
  height: auto;
}

Regards,
PenciDesign.

maximilianruschepaul started the conversation

1 year ago

Conversation Start

Hi all,

I am adding my logo and a slogan below. But both elements seem to be left aligned, which looks odd. It should be center aligned. The header settings however are center aligned and therefore seem not to function properly. I found someone else with maybe the same problem where the support suggest adding a custom css:

.penci-header-image-logo .site-slogan,
.penci-header-text-logo .site-slogan {
text-align: center;
}

However, also that does not work.. Any idea?

Thanks and best;
Max