Cara Menghapus Menu Navigasi pada Footer Blog Template Viomagz

Kak Her

Silahkan masuk ke Dashboard Blog » Edit HTML. Di dalam mode Edit HTML ini, untuk mempercepat dalam menemukan kode yang Anda cari, tekan tombol CTRL + F pada keyboard lalu cari dan hapus 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);
}
<Group description="Menu Navigasi di Footer" selector="#footer-navmenu">
<Variable name="navmenufooter.font" description="Font" type="font" default="500 14px Roboto, Arial, sans-serif" value="500 14px Roboto, Arial, sans-serif"/>
<Variable name="navmenufooter.bg" description="Background Color" type="color" default="#292929"  value="#292929"/>
<Variable name="navmenufooter.color" description="Color" type="color" default="#ffffff"  value="#ffffff"/>
<Variable name="navmenufooter.hover.color" description="Hover Color" type="color" default="#ffffff"  value="#ffffff"/>
</Group>
#footer-navmenu ul li a {
margin: 0px 8px;
}

Masih dalam mode edit html, cari dan hapus lagi kode yang saya beri tanda highlight warna kuning di bawah ini. Ingat!! hanya yang saya beri tanda berwarna kuning saja.

.footer-widget, #footer-navmenu-container {
max-width: 100%;
}
#header-wrapper, .footer-widget .widget, #footer-navmenu-container {
padding-left: 30px;
padding-right: 30px;
}
.footer-widget .widget, #footer-navmenu-container {
padding-left: 20px;
padding-right: 20px;
}
.footer-widget .widget, #footer-navmenu-container {
padding-left: 15px;
padding-right: 15px;
}
body#layout #cssmenu ul, body#layout #footer-navmenu ul {
display: none;
}

Karena fitur dari template ini tergolong lengkap, navigasi footer pada bagian tata letak juga memiliki kode css yang perlu dihapus.

Artikel Terkait

Bagikan:

Tinggalkan komentar