Spacing out CSS Menu Items that are clumped together

Marketing & Content Hub Blog, Website & Page Publishing
1

Beginner here.

I’m trying to massage a template and figure my way around. I’m stuck: How can I space my menu navigation items out evenly? They’re clumped together, as you can see at the preview: https://info.graphiumhealth.com/-temporary-slug-e1bcba68-38dd-40f2-9b2b-46e6ff3ffaca?hs_preview=rOLIJtiL-60903238169

Thank you so much! And if you know off-hand, I’d like to put a solid background behind the child items when they show.

2

Hi @davidgh01 ,
Please add following to CSS:
li.hs-menu-item.hs-menu-depth-1 {
padding-right: 25px !important;
}

Hope this helps!

If we were able to answer your query, kindly help the community by marking it as a solution.
Thanks and Regards.

3

EXACTLY what I needed. Thank you!!

4

Where can you add that CSS? How can I add that CSS? I have same propblem menu looks like this: HomeProductsServicesContact
Super annoying.

5

Where can you add that CSS? How can I add that CSS? I have same propblem menu looks like this: HomeProductsServicesContact
Please help!