• nashikuzushi

    (@nashikuzushi)


    現在無料テーマの「hueman」でサイトを作成中なのですが、
    タブレットで見ると、サイドバーが左側に折り畳まれます。

    スマホで見ると、サイドバーの内容がメインコンテンツの下に来るのですが、
    タブレットもスマホと同じように、コンテンツの下に表示させたいです。

    css等いろいろ見たのですが、方法が分かりませんでした。
    もしかして、何かjqueryとかを入れていて、そちらを停止するだけで
    良いのかも知れないのですが、それらしいjqueryも見つかりませんでした。

    大変お手数ですが、よろしくお願い致します。

    ・hueman
    https://wordpress.org/themes/hueman/

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • モデレーター Okamoto Hidetaka

    (@hideokamoto)

    mediaqueryを使ってdisplay:blockとか指定すればいけませんか?
    http://webdesignrecipes.com/web-design-for-mobile-with-css3-media-queries/

    トピック投稿者 nashikuzushi

    (@nashikuzushi)

    Okamoto Hidetaka様

    ご回答ありがとうございます。
    すみません…、そちらの方法が良くわかりませんでした。

    wp-content/themes/human/style.cssの中の、

    @media only screen and (min-width: 479px) and (max-width: 960px)

    といった部分を調整すれば改造できそうな気がしましたが、具体的にどういじれば所望の状態になるのかまでは思いつきませんでした。

    山勘ですが、
    and (min-width: 479px) and (max-width: 960px)

    の部分で、「大きな画面の場合はこのスタイルにしよう、中くらいの画面の場合はこのスタイルにしよう、小さい画面の場合はこのスタイルにしよう」って切り分けているような気がします。で、サイドバーについて、中くらいの画面のスタイルを無効にして、大きい画面用からいきなり小さい画面用になるように改造すれば、所望の結果が得られるんじゃ無いかと思ったのですが、その具体的な方法はわかりませんでした。

    以上、ご参考まで。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • トピック「タブレットでサイドバーが左側に閉じるのをやめたい」には新たに返信することはできません。