Docs

[Mehmet]

Hi there,

I’m trying to get it so that the footer menu has vertical lines in between, e.g.

home | test | test2 | test3 | about | contact

Really appreciate it.

Mehmet

[Rue Nel]

Hello Mehmet,

Thanks for writing in! To add a vertical line in your footer menu, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.x-colophon.bottom .x-nav li a {
    display: inline-block;
}

.x-colophon.bottom .x-nav li:after {
    content: "|";
    display: inline-block;
    margin: 0 0.5em 0 0.75em;
    color: red;
}

.x-colophon.bottom .x-nav li:last-child:after {
    display: none;
}

Feel free to change the color to match with your site colors.

Hope this helps.

[Author]

Posts