- This topic has 7 replies, 3 voices, and was last updated 3 years, 2 months ago by
.
Viewing 8 posts - 1 through 8 (of 8 total)
-
Posts
-
Hi there
I have created a horizontal menu in the footer but would like to center the menu and add a divider between all items except the last one.I’m sure it’s a teeny bit of CSS. I tried this:
.widget_nav_menu > li:not(:last-child) > a:after { content: "|"; }I’m guessing it requires a DIV to center it?
Thanks.Martin
Customer Support
Hi there.
can i see the site with the footer menu ?
Sure, here it is:
https://old-pumphouse.comCustomer Support
Hi Martin,
Try this CSS:
.footer-widgets .widget_nav_menu li:not(:last-child):after { content: "|"; } .footer-widgets .widget_nav_menu li a { padding: 0 15px 0 15px; }Thank you.
Can I ask; why the 15px padding on the right?Good question 🙂
Adding both left and right padding seems to make more sense.
I’ve updated the CSS.
Thank you for this Ying.
No problem 🙂
Viewing 8 posts - 1 through 8 (of 8 total)
- You must be logged in to reply to this topic.
