Facebook
RSS Feed
Apr 16, 2016

【アップデート情報】White Studio / Black Studio:iPad miniでメニューが見切れる不具合を修正しました

ご利用ありがとうございます。
White Studio、Black Studioをご利用の方にアップデート情報です。

iPad miniで閲覧した時にメニューの数が多いと、右側が見切れてしまう、
という不具合が発見されましたので、本日こちらを修正しました。

大変お手数をおかけしますが、
該当テーマをご利用の方は以下の手順で修正をお願いします。

修正方法

◎ダッシュボード>外観>テーマ編集>スタイルシート(style.css)

と進んで、スタイルシートの編集画面を開きます。

スタイルシートの最後の方(1446行目あたり)に、
『レスポンシブ(メディアクエリ)』欄がありますので、
以下の部分をコピペして丸々差し替えてください。

<変更前>

/* Tablet (Portrait) 画面の横幅が768px〜959pxまで
—————————————————- */

@media only screen and (min-width: 768px) and (max-width: 959px) {
.wrapper { width: 728px; padding: 30px 20px 50px 20px; }
.header-inner { width: 728px; margin: auto; padding: 0px 0 30px 0; }
.header-text-inner { width:728px; }
#nav { float: none; width: 728px; margin: 0 auto 40px auto; padding: 0; }
#slidedown-nav { width: 728px; }
#top-slide-max { width: 728px; }
.cycle-slideshow { width: 728px; height: auto; margin: 0 ; overflow: hidden; }
li.item { height: 460px; margin-bottom:40px; }
li.item-gallery { height: 150px; }
.item-img { height: 150px; margin: 0 0 10px 0; overflow: hidden; }
.twothird { width: 460px; margin-right:10px; }
.footer-inner { width: 728px; padding: 0px 0px;}
}

<変更後>

/* Tablet (Portrait) 画面の横幅が768px〜959pxまで
—————————————————- */

@media only screen and (min-width: 768px) and (max-width: 959px) {
.wrapper { width: 728px; padding: 30px 20px 50px 20px; }
.header-inner { width: 728px; margin: auto; padding: 0px 0 30px 0; }
.header-text-inner { width:728px; }
#nav { float: none; width: 728px; margin: 0 auto 40px auto; padding: 0; }
.nav-inner { width: 728px; }
#slidedown-nav { width: 728px; }
#top-slide-max { width: 728px; }
.cycle-slideshow { width: 728px; height: auto; margin: 0 ; overflow: hidden; }
li.item { height: 460px; margin-bottom:40px; }
li.item-gallery { height: 150px; }
.item-img { height: 150px; margin: 0 0 10px 0; overflow: hidden; }
.twothird { width: 460px; margin-right:10px; }
.footer-inner { width: 728px; padding: 0px 0px;}
}

以上です。

具体的には、
.nav-inner { width: 728px; }
という1文を追加しただけです。

すでにCSSのカスタマイズを行われている場合は、
上記の1文のみ追加していただいても大丈夫です。

*2016年4月16日12:30以降のダウンロードファイルは修正済みです。

*修正は必ずバックアップを取った上で行なってください。

Posted in アップデート情報Comments Closed 

関連記事

今月の人気のワードプレステンプレートBEST 3

WordPressテーマ(スマホ対応レスポンシブデザイン)「Juliet」
公式サイト/マガジン/ビジネス・企業
WordPressテーマ(スマホ対応レスポンシブデザイン)White Studio
ビジネス・企業/コーポレートサイト/公式サイト
WordPressテーマ(スマホ対応レスポンシブデザイン)「Folclore」
ビジネス・企業サイト / マガジン