Footer List Item Menu

Hi

Could someoe help or lead me in the right direction to add a <ul> list menu of links to my footer.

They need to display inline on desktop and then stack on mobile.

Below is what I have so far, but nothing works. Also when I view the code in Chrome, each list item has a <p> tag with it?

footer li {
display: inline !important;
list-style: none !important;
}
footer li a {
color: #fff !important;
font-size: 0.9rem;
text-decoration: none !important;
}
footer li:after {
content: " | ";
}
footer li:last-child {
content: "";
}

Much appreciaed!

Here is the page the footer ul also has bullets that I cannot get rid of 😞

https://www.cn8.co.uk/new-home

PW: KINO-CN8

Thanks

I see it already stacked on mobile

Yes I finally worked out how to do it this morning.