Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Are you certain menu items won’t change name, be removed or added?
No, I’m not certain, so I want to keep the whole thing as flexible as possible 🙂
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
If you’re not certain, you can’t have a centred menu.
ok, I’m not sure I’m following you on this, could you please elaborate?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Are you familiar with CSS block elements?
To center a block element, you need to add a width.
sure, but say I’ll add or remove one menu item now and then, so that the navigation menu might contain 3-5 items.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
If the menu has 3 items and you have a width wide enough for 5, the menu will be off-set from the center.
Right, ok, so that pretty much means that I will have to hardcode something 🙂
Say I have four menu items, how do I go about centering the navigation menu then?
BTW, thanks for taking the time, Andrew.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Say I have four menu items, how do I go about centering the navigation menu then?
Look at the resource referenced above, “To center a block element”. You need to add a margin: 0 auto; and a width: to the exact width of all menu items. Try adding this to your <ul> element in the Child Theme style.css file.
