In short, because it’s quite difficult to code a website to do that – because it depends on how many menu items you have and what size browser window is viewing the site.
Damn. Do you have any solutions/tips to making it look less obvious than it is now? I only have 6 menu items.
Thanks!
Not sure this improves it, but find this part in your custom CSS – change that second padding number to 1.5em – see how it looks/works to you:
ul#main-nav li a {
min-width: 100px;
padding: 0.5em 1.5em;
}
Oops, sorry, that’s not what is there – leave out that first line – it should be:
ul#main-nav li a {
padding: 0.5em 1.5em;
}
It worked! Thank you! I pushed it to 3em and now it sits nicely.
Thanks for your prompt help!!