Spacing menu items across entire menu bar.

Unfortunately, the mechanics of HTML don’t make this very easy, but there are a couple of ways to do it. The easiest way is to set each menu item to the same width, which adds up to 100. If your theme has a built-in custom CSS option, use it; otherwise, get a custom CSS plugin and put:

.menu li { width: 20%; }

If you add a new top-level menu item, you’ll have to change the widths.

But your website is responsive?

Yeah, it’ll fail there. So try it with a media query that will cause the CSS to apply only at certain window sizes:

@media screen and (min-width: 651px) {
	.menu li { width: 20%; }
}

Thanks stephencottontail!!! That totally worked!

Hi stephencottontail! You helped me fix the spacing issue from my menu. I have added another tab and I can not figure out how to get it all on one line. Can you please take a look and help me out? Thanks

https://www.keefereco.com/