WP-membersのレスポンシブ化

  • kururu

    (@kururu)


    9年前

    WordPress初心者です。
    現在、ローカルサーバー環境内で作成しております。

    会員制のページを作ろうと思い
    WP-membersというプラグインを入手しました。
    無事に設定も終わりグーグルクロームを使って
    携帯画面サイズで動かしてみました。

    ところが画面が小さくなったことにより
    ログイン画面の「ログインする」ボタンと
    「パスワードをお忘れですか？」が重なってしまい
    ログインボタンが押せない状況です。。
    URLは現在の状況の画像です。
    https://www.dropbox.com/s/xh17kmrmhpcl6j7/%E3%83%AD%E3%82%B0%E3%82%A4%E3%83%B3%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0.png?dl=0

    「　　　　　　　　　ログイン
    　パスワードをお忘れですか？
    　　　　　パスワードリセット
    　初めての方はこちら
    　　　　　　新規ユーザー登録」

    という形にしたいのですが
    どこを、どのように編集すれば良いか
    教えて戴きたいです。。

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

    (@hideokamoto)

    8年、 12ヶ月前

    CSSでfloatかoverflowあたりの設定に問題ありそうですね。
    http://coliss.com/articles/build-websites/operation/css/css-clearing-floats-with-overflow-by-webdesignerwall.html
    などをご参考にトライしてみてください。

    あとレスポンシブ化される際、デバイス幅200px以下など極端に小さいブラウザは（おそらく希少種なので）ある程度割り切っていくほうがいいかなと思います。

    トピック投稿者 kururu

    (@kururu)

    8年、 11ヶ月前

    気付くのが遅れてしまい申し訳ないです。

    それなりに試してみたのですが
    残念ながら変化がなく、重なったままです。

    ローカルサーバーからネットに上げ
    Ipone４Sでの表示を確認したところ、やはり変化は無かったです。
    URLは、その時の画像です。

    .container        {max-width: 650px;
                   margin-left: auto;
                   margin-right: auto;
                   padding-left: 10px;
                   padding-right: 10px}

    やはり諦めた方が賢明でしょうか？

    モデレーター Okamoto Hidetaka

    (@hideokamoto)

    8年、 11ヶ月前

    z-index
    overflow:hidden;
    position:relative;
    clearfix

    この辺りのCSSで調整できるかもですので、
    自力で調整されるか他の方法を検討されるかかなと思います。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • トピック「WP-membersのレスポンシブ化」には新たに返信することはできません。