そこで良くあるブレークポイントである、

1. タブレット
2. スマートフォン

上記のデバイスにおいてCSSのメディアクエリとJSを連動させる仕組みを作りました。

if(isMobile.phone){
		// モバイルの場合
		$('#pc_header').hide();
	} else {
		// PCとタブレットは何もしない
		$('#mobile_header').show();
	}

 

---