OK my disclaimer. If the change that I used to the Attorney theme file works for you, remember, it will most likely get wiped out if you update to a new version of the Attorney theme (if you did not already know this). I think there is a custom css file that you can use but I have not tried that so I don’t know how that works. If you are not familiar with editing the files, be careful because you can mess up your Website if you are not careful.
What I did was change the padding for the menu items in the styles.css file. This is the section of the code I changed (in my file it was lines 963 – 971).
“nav[role=navigation] .menu ul li {}
nav[role=navigation] .menu ul li a,
nav[role=navigation] .menu #menu-icon {
font-family: “Lato”, Arial, Helvetica, sans-serif;
font-size: 0.8rem;
font-weight: 900;
color: #363636;
text-transform: uppercase;
padding: 10px 10px;”
I changed the last line “padding: 10px 20px” TO “padding: 10px 10px”
This reduced the spacing between the menu items.
I hope this helps.
That did the trick! 😀
Thank you!
