Cara Membuat Menu Navigasi Blog Keren Ala Igniplex Untuk Template Viomagz

<!-- footer nav menu -->
<div id='footer-navmenu'>
 <nav id='footer-navmenu-container'>
<!-- menu navigasi footer start -->
   <ul>
     <li><a href='#'>About</a></li>
     <li><a href='#'>Contact</a></li>
     <li><a href='#'>Privacy Policy</a></li>
     <li><a href='#'>Disclaimer</a></li>
   </ul>
<!-- menu navigasi footer end -->
 </nav>
</div>
<!-- footer nav menu end -->

Selanjutnya cari dan hapus CSS Code berikut ini.

/* FOOTER NAV MENU */
#footer-navmenu {
   background: $(navmenufooter.bg);
   padding: 25px 0px;
   font: $(navmenufooter.font);
   color: $(navmenufooter.color);
}
#footer-navmenu-container {
   max-width: 1000px;
   margin: 0 auto;
   text-align: center;
}
#footer-navmenu ul {
   list-style: none;
   margin: 0;
}
#footer-navmenu ul li {
   display: inline-block;
   margin: 6px 0;
}
#footer-navmenu ul li::after {
   content:"/";
}
#footer-navmenu ul li:last-child::after {
   content:"";
}
#footer-navmenu ul li a {
   color: $(navmenufooter.color);
   margin: 0 15px;
}
#footer-navmenu ul li a:hover {
   color: $(navmenufooter.hover.color);
   border-bottom: 2px solid $(navmenufooter.hover.color);
}

Sebenarnya masih ada kode #footer-navmenu lain yang harusnya di hapus agar bersih dengan tuntas. Tapi karena kode tersebut tersebar kemana-mana jadinya tidak jadi masalah juga kalau tidak di hapus tuntas.

Bagi yang mengerti sedikit tentang koding, sebaiknya hapus semua kode navigasi bawaan template Viomagz.