トップページの調整

style.cssに追記

body.home #main_visual {
height: 400px !important;
}

body.home #main_visual .wrap {
padding-top: 100px !important; }

body.home #main_visual h2 {
margin-bottom: 10px;
}

footer.php変更

元は

// トップページメインビジュアル

$(function(){
h = $(window).height();
hp = h * .3;
$(‘#main_visual’).css(‘height’, h + ‘px’);
$(‘#main_visual .wrap’).css(‘padding-top’, hp + ‘px’);
});

$(function(){
if(window.innerWidth < 768) {
h = $(window).height();
hp = h * .2;
$(‘#main_visual’).css(‘height’, h + ‘px’);
$(‘#main_visual .wrap’).css(‘padding-top’, hp + ‘px’);
}
});

これを

変更後

// トップページメインビジュアル
$(function(){
h = 400;
hp = h * .3;

$(‘#main_visual’).css(‘height’, h + ‘px’);
$(‘#main_visual .wrap’).css(‘padding-top’, hp + ‘px’);
});

$(function(){
if(window.innerWidth > 753) {
h = 300;
hp = 10;

$(‘#main_visual’).css(‘height’, h + ‘px’);
$(‘#main_visual .wrap’).css(‘padding-top’, hp + ‘px’);
}
});

シェアする

  • このエントリーをはてなブックマークに追加

フォローする