サポート » テーマ » Twenty Elevenのスマホ表示を画面一杯に

  • こんにちは。

    Twenty Elevenのスマホ表示について教えてください。

    Twenty Elevenはレスポンシブデザインになっていますが、スマホ(iPhone)で見た場合、画面の右端に余白ができています。また、左側にも余白があるようです。

    これを画面一杯に広げてアドセンスの320×50のユニットを入れたいのですが、CSSのどこを書き換えればいいのでしょうか?

    @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    body {
    padding: 0;
    }
    #page {
    margin-top: 0;
    }
    #branding {
    border-top: none;
    }

    }

    上記のbodyの記述に追記すればよいとおもうのですが、ピクセルで指定しても幅は広がりません。

    合わせて、アドセンスユニットを中央に配置する方法も教えていただけると助かります。

    サイトのデザインは子テーマを使っています。
    バージョンはWordPress 3.5.2です。

    よろしくお願いします。

  • トピック「Twenty Elevenのスマホ表示を画面一杯に」には新たに返信することはできません。