サポート » 使い方全般 » テキストを左側に固定

  • 解決済 Chanchan.

    (@eureka20080321)


    みなさま、いつも大変お世話になっております。

    テーマはbeauti_plusで子テーマを作成してカスタマイズしています。

    Safariのレスポンシブモードでサイトを確認すると、画面サイズによってページ内のテキストが固定されず、左側や中央に移動してしまいます。

    このテキストが画面サイズに関係なく、すべてのページが常に左側に表示させるようにするには、どのようにしてら良いでしょうか?
    理想は作成しているサイトのテストページで、ABOUTやSTAFF、RECRUITページのような表示のされ方です。

    自分で指定してみたコードは

    .container, .content-area {
        margin: 0 20px;
        position: relative;
        box-sizing: border-box;
    }

    なのですが、これだと表示は左側になりましたが、メニューバーのレイアウトが崩れてしまいました。

    みなさま、力を貸してください。
    よろしくお願いします。

    ヘルプの必要なページ: [リンクを見るにはログイン]

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

    (@du-bist-der-lenz)

    テキストを左寄せに揃えたいのは、コンテンツ(.entry-content)内に限ることではありませんか。

    下記スタイルではどうでしょうか?

    @media screen and (max-width:1169px) { 
    	.container { width: 100%; }
    }
    トピック投稿者 Chanchan.

    (@eureka20080321)

    CGさま。

    いつも気にかけていただき、ありがとうございます。

    そうか!と思い、教えていただいた.entry-contentに差し替えて追記してみましたが、反応がありませんでした。

    トピック投稿者 Chanchan.

    (@eureka20080321)

    ishitakaさま。

    いつもお付き合いいただき、ありがとうございます。
    心が折れそうな時に、いつも絶妙なタイミングでアドバイスをいただいております。
    感謝しかございません。

    こういった時は、withを見ると良いのですね。
    画面サイズのことだから、media screen。

    勉強になります。
    おかげさまで希望通りにできました。

    お二人ともお忙しい中、本当にありがとうございました。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「テキストを左側に固定」には新たに返信することはできません。