Archived topic
Footer Menu - Center and Divider
7 replies · Started by Martin on February 13, 2023
Viewing posts 1–8 of 8
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
Hi there.
can i see the site with the footer menu ?
Sure, here it is:
https://old-pumphouse.com
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 :)
This archived topic is closed to new replies.