Logo centering

i’ve added this in additional css to get the border just fine to match the site:

.custom-logo-link img {
	border-radius: 1em;
	border: var(--border-width--400)
		solid var(--border-color);
}

but cannot seem to center it…

• This reply was modified 2 years, 6 months ago by emanoyhl.
• This reply was modified 2 years, 6 months ago by emanoyhl.

ok so i think i’m onto something just figured the social links are directly div to the right of the custom logo therefore i’m assuming they are all centered correctly – would this then be a template issue?

i will check and report back ??

still need help ?? even when removing the social links entry the logo won’t center…

any help greatly appreciated ?? thank you!

Hey, you could try this.
however I don’t know how well it will work with different logos, social icons, images, etc.

.site-header {
  flex-direction: column;
  align-items: center;
}

• This reply was modified 2 years, 6 months ago by Gratis Themes.

oh that works perfectly thank you so much!! but now the funny part is that i now prefer the logo on left with social icons on right centered ?? so i added:

.social-links {
	align-content: center;
}

so that it is totally inline with the logo ??

thank you for the quick response!!

thank you again!! ?? i hope this helps others in the future and i look forward to helping out when i can