remove the ” |” from footer menu?

[gebseng]

Hi,

Can you tell me how to remove the ” |” divider from between the menu items in the footer menu?

best,

Gebhard

[Sushil Adhikari]

Hi Gebhard Sengmüller,

Add this following css in child theme style.css file to remove “|” from footer menu:

ul.footer > li:before, .footer > ul > li:before {
    content: none;
}

Note: Please add this css on child theme style.css file, otherwise your changes will be lost on theme update.

Thanks

[gebseng]

Thank you so much, works great! I have a follow up question: is there a way to make the space between the menu items smaller (both in the footer and the header menu?

thanks,

geb

[Sushil Adhikari]

To decrease space of header menu:

ul.navmenu > li > a, .navmenu ul > li > a {
    padding: 0rem 4px;
}

Note: You can increase padding value as per your requirement. @SEE http://www.w3schools.com/css/css_padding.asp

To decrease space of footer menu:

ul.footer > li, .footer ul > li {
    margin-right: 5px;
}

Note: You can decrease margin-right property as per your requirement. @see http://www.w3schools.com/cssref/pr_margin-right.asp

Please add this css on child theme style.css file so your changes will not lost on theme update.

Thanks

[Author]

Posts