0

レスポンシブ スライドショー モジュール - Lof ArticlesSlideShow ( DEMO ) を使用しています。

ウィンドウを小さいサイズに変更したときに、「ナビゲーター」部分 (サムネイル付きの記事のスクロール行) を非表示にするにはどうすればよいですか?

現在、ブラウザー ウィンドウのサイズをモバイルのディスプレイのサイズ (Motorola Defy+) に合わせて変更すると、ナビゲーター部分が画像、タイトル、イントロテキストの上に表示されます。モバイル ブラウザでデモ リンクを開くと、同じ効果が得られます。

記事へのリンクがタイトルにあり、ナビゲーターの下に隠れてしまうため、記事ページにアクセスできません。

何か案が？

4

2 に答える 2

1

これをカスタム CSS ファイルまたは現在の CSS ファイルに追加してみてください。

@media screen and (max-width: 480px) {
    .lof-buttons-control {
        display: none;
    }
}

これは、このコードが開始されるまでの画面の最大幅が 480px であることを意味します。それ以降、ナビゲーター部分を非表示にします。

お役に立てれば

于 2013-02-25T17:34:27.917 に答える
0

@Lodder-驚くべき!!!!!!!! ：D

に置き換え.lof-buttons-controlて動作.lof-ass .lof-navigatorしました：D

@media screen and (max-width: 480px) {
.lof-ass .lof-navigator {
        display: none;
    }
}

それはたくさんの意味があります!!!!

于 2013-02-25T17:57:18.640 に答える