Membuat Fixed menu Bootstrap 3 untuk wordpress

September 19, 2018 Artikel,Snippets,WordPress Kholis Muhaimin

Kalo theme WordPress kamu menggunakan Bootstrap 3 dan ingin menu nya jadi fixed, ternyata caranya sangat mudah guys.  Mudah? ya mudah, karna kamu tinggal pakai saja. Engga perlu test berkali2 :D, ok guys langsung aja yuk koding!

Buka header.php kamu, tambahkan class baru ke nav nya. Script di bawah ini setelah ditambahkan class fixed menu

<nav class="navbar navbar-default navbar-fixed-top navbar-color-on-scroll trendcrew" role="navigation">

Gitu doang? Ya gitu doang, syaratnya theme kamu menggunakan Bootstrap 3 ūüėÄ . Nah, masalahnya kadang kalo kamu lagi login. Admin Bar Wp nya bentrok sama fixed menu, jadi kita harus tambahkan lagi script. Tepat di bawah script di atas, contohnya¬† seperti bawah ini.

<nav class="navbar navbar-default navbar-fixed-top navbar-color-on-scroll trendcrew" role="navigation">
    <?php 
  // Fix menu overlap
  if ( is_admin_bar_showing() ) echo '<div style="min-height: 32px;"></div>'; 
?>

Sekarang refresh halaman web kamu, berhasil engga? Kalo engga komen ya kalo ada masalah, terima kasih sudah membaca artikel ini!

25 total views, 1 views today

Facebooktwittergoogle_plusredditpinterestlinkedinmail