php - active link to posts in pages Wordpress -
i have been reading around how make navigation link stay active, when inside post[ single page ]. haven't found solutions created mix of jquery , php, don't think right way dough work.
so thinking of how optimize code more. ides ?
<?php if (in_category('news')){ ?> <script> $(".menu-item-46 a").css("border-bottom","#000 5px solid"); $(".menu-item-46 a").css("padding-bottom","11px"); </script> <?php }elseif (in_category('network')){ ?> <script> $(".menu-item-47 a").css("border-bottom","#000 5px solid"); $(".menu-item-47 a").css("padding-bottom","11px"); </script> <?php } ?>
one way tackle problem take advantage of css.
have class called "active", , append parent element holding menu wish show.
example:
<div class="active"> <div class="menu-item-46"><a>my nav</a></div> </div>
then in css file:
.active .menu-item-46{ border-bottom:#000 5px solid; padding-bottom:11px; }
another suggestion give menu items, generic class, "menu-item", id "menu-item-##". css can ".active .menu-item"
Comments
Post a Comment