モバイルのサイドバー折り畳みの解除

 

モバイルでは、サイドバーが折り畳まれています、解除方法。

「ダッシュボード」 →「外観」 →「テーマ編集」 →「mobile.css」 をクリックします。

サイドバー/サブコンテンツという表記を探し、その下にある下記のすべてを削除する。

/*折り畳み*/
#sub-contents .sub-contents-btn,
#sidebar .sidebar-btn{
display: block;
margin-bottom: 1em;
padding: 1em;
padding-left: 2.5em!important;
background: url(./images/icon/icon-arrow05.png) 1em center no-repeat #333;
color: #fff;
cursor: pointer;
}
 
.sub-column #sub-contents-in,
.sub-column #sidebar-in{ display: none; }
 
.sub-column .showSubConts,
.sub-column .showSidebar{
display: block!important;
}
 
.col1 .sub-column .ranking .item-img,
.col2 #sub-contents .ranking .item-img,
.col2r #sub-contents .ranking .item-img,
.col1 .sub-column .profile-img,
.col2 #sub-contents .profile-img,
.col2r #sub-contents .profile-img{
float: none;
padding-right: 0;
}
 
.col1 .sub-column .banner li,
.col2 #sub-contents .banner li,
.col2r #sub-contents .banner li{
display: block;
margin-right: 0;
}
 
.sub-column dl.search-box{ width: 100%; }
 
.sub-column dl.search-box dt{
margin-right: 0;
margin-bottom: 0.4em;;
width: 100%;
}
 
.sub-column dl.search-box dt,
.sub-column dl.search-box dd{ float: none; }

 

ここまで、すべて削除してください。

完了です。

 
 

  • SEO対策に優れている賢威テンプレート


    チェックポイント

    • SEOに強いテンプレート
    • レスポンシブWebデザインにも対応
    • パンダアップデート・ペンギンアップデートで悩む方、必見のSEOマニュアルが付属