How to centre the menu.

Tagged: menu

This topic has 6 replies, 2 voices, and was last updated 5 years, 5 months ago by tikaram.

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
May 25, 2019 at 3:26 pm #173377

scatmax
Participant

Hello,

I have tried to centre the whole main menu leaving the same distance from left and right side, no matter the number and the length of the single items, but I cannot achieve this.

Can you help me please?

https://www.childrendomatter.org/

Kind regards

May 26, 2019 at 1:26 am #173399
tikaram
Participant
@scatmax: Login to your WordPress Admin.
Go to Appearance => Customize => Additional css and add the following css code
```
.main-navigation ul.menu {
	display: flex;
	justify-content: center;
}
```
Let me know if this resolves your issue.

Regards,
Tikaram
May 26, 2019 at 6:28 am #173407

scatmax
Participant

It works!!!!

Thank you very much!!!

🙂

May 27, 2019 at 4:35 pm #173537

scatmax
Participant

@tikaram

The menu on the mobile is also centered making impossible to read it and use it.

Is there a way to keep the original setting on mobiles and centre the menu only on the web version?

Please help!

Thanks

May 28, 2019 at 12:21 am #173555
tikaram
Participant
@scatmax: Login to your WordPress Admin.
Go to Appearance => Customize => Additional css and add the following css code instead of the previous code
```
@media screen and (min-width: 960px) {
	.main-navigation ul.menu {
		display: flex;
		justify-content: center;
	}
}
```
Let me know if this resolves your issue.

Regards,
Tikaram
May 28, 2019 at 5:58 am #173580

scatmax
Participant

Yes it does solve the issue!

Thanks a million 🙂

May 28, 2019 at 6:45 am #173592

tikaram
Participant

Hello @scatmax,
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/catch-box/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.

Regards,
Tikaram
Author

Posts