Плавный скроллинг wordpress не работает!
 

Всем привет !
Пересмотрел кучу способов как сделать плавный скроллинг, но увы не помогает.
Сразу скажу в этом деле я новичок, вот стараюсь сделать для себя сайт своими усилиями.
Хочется сделать плавный скроллинг при нажатии на кнопку.
Вставлял скрипт в footer.php после скрипта метрики:

<script>
$(document).ready(function(){
$('a[href*=#]').bind("click", function(e){
var anchor = $(this);
$('html, body').stop().animate({
scrollTop: $(anchor.attr('href')).offset().top
}, 1000);
e.preventDefault();
});
return false;
});
</script>

А вот сам путь:

<div class="local-scroll" style="
text-align: center;
padding-top: 400px;
line-height: 1.6;
-webkit-font-smoothing: antialiased;
font-weight: 800;
font-size: 16px;
">


<a href="#portfolio" class="btn btn-mod btn-border-w btn-medium btn-round" onclick="yaCounter34134435.reachGoal('showport'); return true;">Смотреть портфолио <i class="fa fa-play"></i></a><br><br>
<a href="#our-services" class="btn btn-mod btn-border-w btn-medium btn-round" onclick="yaCounter34134435.reachGoal('showprice'); return true;">Смотреть цены <i class="fa fa-play"></i></a>
</div>
<div class="mclearfix"></div>


Прошу помочь в решении проблемы, уж очень надо, заранее спасибо.