[SharingWellStewart]

Hello, I’m having trouble getting get my site logo to center on the page as my right header menu is shifting it over. Do you know how I can fix this without removing my menu? Thanks!

[SharingWellStewart]

https://sharingwell.com/

[Skandha]

@sharingwellstewart: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

@media screen and (min-width: 1024px) {
	.site-header-main {
	    -webkit-box-pack: end !important;
	    -ms-flex-pack: end !important;
	    justify-content: flex-end !important;
	}
	.site-branding {
		position: absolute !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
	}
}
@media screen and (min-width: 1200px) { 
	.site-header-main {
	    padding: 35px 40px 50px 40px !important;
	}
}

Let me know if this works out!
Kind Regards,
Skandha

[SharingWellStewart]

Hi Skandha,

Thanks for getting back to me. I plugged this code into my additional css but did not see a difference, my logo is still shifted to the left.

[Skandha]

@sharingwellstewart: Hello there,
This is because you seem to have missed a } after

#menu-toggle-secondary {
    display: none;

in your Additional CSS code section.

Please add the } and then add the CSS Code I provided you above.

Let me know if this works out!
Kind Regards,
Skandha

[SharingWellStewart]

Ah thank you i would have never noticed that. Now the code is working perfectly, thank you for your help!

[Skandha]

@sharingwellstewart: Hello there, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
https://wordpress.org/support/theme/izabel/reviews/#new-post
Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely
appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

Kind Regards,
Skandha

[Author]

Posts