I set up my menu to the horizontal top bar, but I can’t figure out how to center menu items. I mean how to center content in the top bar area. Now it’s on the left. Any ideas?
Thanks

I just erased some menu items from the header menu. Instead of automatically centering with the fewer items, these have been right-aligned. I am going crazy with this! Any help greatly appreciated.

Thanks!

Dirk

.primary-menu {
width: 850px;
margin-left: auto;
margin-right: auto;
}

But nothing seems to be having the effect I’m wanting, and it either does nothing, or spaces everything out that it starts to stack in multiple rows. Just trying to get it centered without spilling over.

Thank you in advance!

I am trying to center my topbar menu and also change its color, but I have not been able to do so.

These are the code lines I have tried already:

#nav-topbar .nav { text-align: center; }

.full-width.admin-bar #nav-topbar.nav-container {
text-align: center !important;
}

#nav-header {
text-align: center !Important;
}

Can anyone here help me out please? I am a little CSS code-challenged, but I can copy paste like a pro

My website is www.musafrugal.com

Thank you!

.nav-menu {
   display: table;
   margin: 0 auto;
}

.main-navigation {
	display: table;
}

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

to center the menu and does not work.
Even more, it is very close one item of the other and nothing seems to work to separate them…
Thanks in advance
Jaio

[Moderator note: code fixed. Please wrap code in the backtick character or use the code button.]

I am using Quest theme and my site is;

https://happywifelaundromat.com/

How do I centre the logo and menu so it looks like it does on a slightly smaller screen?

I don’t understand why anyone would want it looking how it does now, it looks a bit ridiculous.

I have found a previous thread on this subject and it seemed to work for the person asking the question but it certainly doesn’t now.

Any help, much appreciated.

Regards
Tim