2014-05-27

【アップデート情報】Million Dollar Manのモバイルビューのスライドショー下の余白を修正しました

Million Dollar Manのテーマですが、
モバイルビューの時のスライドショーの下の余白が気になったので修正しました。

<修正前>
mdm-befor

<修正後>
mdm-after

こんな感じ。

このテーマをご利用の方でこの部分が気になる場合は、
お手数ですが、以下の方法で修正をお願いします。

スタイルシート修正方法

◎ダッシュボード>外観>テーマエディター(テーマの編集)>スタイルシート

ずーっと下の方の『/* Mobile (Portrait) 画面の横幅が767pxまで */』の欄、

@media only screen and (max-width:767px) {
.wrapper { width:300px; }
.header-inner { width:300px; margin:auto; padding-top:100px; }
.logo { text-align:center; }
.contact { display:none; }
#header h1, #header .logo { float:none; margin-bottom:0px; }
#nav { position:fixed; z-index:1000; width:100%; text-align:center; background:#f9f9f9; margin:0 auto 0px auto; }
.nav-menu li a { color:#333; display:block; font-size:12px; padding:10px 10px; text-decoration:none; }
#top-slide { width:100%; padding:0px; margin:40px auto 0px auto; }
.cycle-slideshow { overflow:hidden; width:100%; height:auto; margin-bottom:-30px; }

1808行目の『margin:40px auto 20px auto;』となっているので、
『margin:40px auto 0px auto;』に変更すればOKです。

*作業する際には必ずバックアップを取ってからお願いします。

おすすめWordPressテーマ10選
by