Blog, Website & Page Publishing

davidgh01
Participant

Spacing out CSS Menu Items that are clumped together

SOLVE

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=rOLI...

 

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.

0 Upvotes
1 Accepted solution
webdew
Solution
Guide | Diamond Partner
Guide | Diamond Partner

Spacing out CSS Menu Items that are clumped together

SOLVE

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.

View solution in original post

4 Replies 4
webdew
Solution
Guide | Diamond Partner
Guide | Diamond Partner

Spacing out CSS Menu Items that are clumped together

SOLVE

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.

viki667
Member

Spacing out CSS Menu Items that are clumped together

SOLVE

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

0 Upvotes
viki667
Member

Spacing out CSS Menu Items that are clumped together

SOLVE

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

0 Upvotes
davidgh01
Participant

Spacing out CSS Menu Items that are clumped together

SOLVE

EXACTLY what I needed. Thank you!!

0 Upvotes