Meniu fixat intr-o tema WordPress

Am scris un articol acum ceva timp si am intalnit situatia de curand cum sa fac acelasi lucru doar ca de data asta prin cod fara plugin. Asadar iata codurile care trebuiesc folosite pentru a avea un meniu fix in momentul cand un utilizator navigheaza pe site-ul tau WordPress.

In primul rand libraria jQuery trebuie sa fie functionala pe site pentru ca ne vom folosii de ea.

Codul urmator se pune in fisierul footer.php din templatul site-ului dupa functia wp_footer();

<script type="text/javascript">
   jQuery(window).scroll(function(){
         if (jQuery("body").scrollTop() > 150) {
        jQuery(".main-navigation").addClass("fixed");
       } else {
        jQuery(".main-navigation").removeClass("fixed");
       } 
     });
</script>

Tot ce trebuie facut este sa inlocuiti clasa .main-navigation din cod cu clasa specifica meniului din template.

Urmatorul pas este sa adaugati aceasta functie in fisierul functions.php din template

function meniu_fixed() { 
  if ( is_user_logged_in() && current_user_can( 'manage_options' ) ) {
        ?>
       <style type="text/css">
        .fixed {
         position: fixed!important;
         top:32px;
         z-index: 9999;
      }
       </style>
   <?php 
  }
}
add_action('wp_head', 'meniu_fixed');

Si ultimul pas este adaugare acestui cod in style.css al templatului.

.fixed {
     position: fixed!important;
     top:0;
     z-index: 9999;
}