[Coconuts4sale]

Hi!

I am using Simple Persona Pro and have created a top menu. The menu is aligned with the left-hand side, but I was wondering if there is any option to position it in the centre of the page (still at the top of the page)? Would you be able to help me with this?

Thank you and kind regards,

Lana

[Skandha]

@coconuts4sale: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.main-navigation li {
	text-align:center;
}

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

[Coconuts4sale]

Hi Skandha,

hm, this doesn’t seem to do the trick… The menu is still aligned with the left-hand side. I copied the code as per your instructions but I might have done something worng? Would you be able to have another look?

Thank you!

Lana

[Skandha]

@coconuts4sale: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.navigation-classic #primary-menu-wrapper .menu-inside-wrapper, .navigation-classic #primary-menu-wrapper, .menu-wrapper {
	float:unset;
}
#menu-menu-demo {
	text-align:center;
}
#menu-menu-demo li {
	display:inline-block;
}

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

[Coconuts4sale]

Hi Skandha,

this looks perfect now, thank you!!

Lana

[Skandha]

@coconuts4sale: 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/simple-persona/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