To add a Footer Navigation, you can use a Text Block. However in this post, I will guide you copy Navigation in Header and add it to Footer.
#1. First, edit Site Footer > Add a Code Block with this code
<div class="footer-navigation"></div>
#2. Use this code to Code Injection > Footer
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('.header-display-desktop nav.header-nav-list').clone().appendTo('.footer-navigation');
});
</script>
<style>
div.footer-navigation .header-nav-folder-content {
display: none;
}
div.footer-navigation div.header-nav-item {
margin-left: 1vw;
margin-right: 1vw;
}
div.footer-navigation {
text-align: center;
}
div.footer-navigation a {
opacity: 1 !important;
}
</style>
#3. Result
