wordpressのページ内リンク

Question

WordPressのメニューにカスタムリンクでページ内リンクを貼ると固定ヘッダーに文章が重なってしまいます。
テーマはSydneyを使用しています。

CSS及びHTMLに下記コードを追加しても反映されませんでした。

HTML:
"<a href="#link01">なんとか</a>
<div name="link01" id="link01">かんとか</div>

</div>"

CSS:
"#link01 {
margin-top:-100px;
padding-top:100px;
}"

Sydneyのデモページでメニューのaboutを押下した時の挙動を実装したいのですが、どのようにすれば良いでしょうか。

Answer 1

デモページとはここでしょうか？

【Sydney】
http://demo.athemes.com/sydney/

それであれば下記jsがそれに当たるようです。

http://demo.athemes.com/sydney/wp-content/themes/sydney/js/main.js?ver=4.7.2

		$(function() {
			$('.mainnav a[href*="#"], a.roll-button[href*="#"], .smoothscroll[href*="#"]').on('click',function (e) {
			    var target = this.hash;
			    var $target = $(target);

				if ( $target.length ) {
			    	e.preventDefault();
					$('html, body').stop().animate({
					     'scrollTop': $target.offset().top - 70
					}, 900, 'swing');
			        
			        if($('#mainnav-mobi').length) $('#mainnav-mobi').hide();
			        return false;
				}
			});
		});