Twenty Elevenのサイドバーの回り込み解除方法は？

  • 解決済 matsugeinu

    (@matsugeinu)


    12年、 4ヶ月前

    見ていただいて感謝致します。
    WP初心者ですがお付き合い願います。

    Twenty Eleven 1.4のカスタマイズをしています。
    WordPressは3.4.2です。

    ウィンドウの横幅を小さくした場合に
    サイドメニューが左側の記事の下に回り込むのを解除したいのですが
    なかなかできません(泣
    （レイアウト＝左コンテンツ）

    このページの「レイアウトの伸縮」で紹介されている症状そのものです。

    理想は、ウィンドウを小さくした時に
    ・記事とサイドメニューの位置関係はそのまま
    ・記事とサイドメニューそれぞれの横幅をある一定値(まで)で固定
    ・それ以下になったら横スクロールで表示する
    です。

    style.cssの#primary,#content,#secondaryなどに
    oberflow,clear,float要素などを追加・変更しても解除できません。

    どうやったら回り込み解除できるでしょうか？
    是非とも皆様のお力をお貸しください。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • nobita

    (@nobita)

    12年、 4ヶ月前

    こんにちは
    大雑把には、

    /* =Responsive Structure
----------------------------------------------- */

この間の　スタイルを削除

/* =Print
----------------------------------------------- */

    としていただけると、サイドバーは落ちなくなると思います。

    一定の幅以下では、スクロールバーを出すなら、例えば、下のようにするといいと思います。

    /* =Responsive Structure
----------------------------------------------- */
#page{min-width:500px;}
/* =Print
----------------------------------------------- */

    トピック投稿者 matsugeinu

    (@matsugeinu)

    12年、 4ヶ月前

    >nobitaさん
    ご回答ありがとうございます。

    早速試してみましたのですが
    サイドバーがウィンドウサイズに関係無く常に記事の下に左寄せで置かれるようになりました。

    PHPを編集するしかないでしょうか？

    nobita

    (@nobita)

    12年、 4ヶ月前

    matsugeinuさん

    /*とか*/は装飾ではありません。
    下のように、どちらかの/*とか*/が、欠けていませんか？

    /* =Responsive Structure
----------------------------------------------- */

/* =Print
-----------------------------------------------
    トピック投稿者 matsugeinu

    (@matsugeinu)

    12年、 4ヶ月前

    >nobitaさん
    ご指定の部分を削除したらできました。
    コメントアウトしてたからできなかったようです。

    丁寧迅速なご協力ありがとうございました。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「Twenty Elevenのサイドバーの回り込み解除方法は？」には新たに返信することはできません。