私は特定のウェブサイトで応答性の問題を修正しようとしていますが、私は特定のウェブサイトで応答性の問題を修正しようとしています

Question

フッターウィジェットを取得するように見えることはできませんが、769pxで開催中フッターウィジェットを取得するように見えることはできません。https://aquatiere.co.uk/

特に、最後の行のウィジェットボタンは、フッタに収まるようにサイズ変更されていません。

助けてください。私はこれらのボタンに関連するすべてのクラスとIDを試しましたが、運がありません。

Answer 1

あなたはメディアの .so-widget-sow-button-flat-e0300fa09137 .ow-button-base aと .ow-button-base.ow-button-align-leftの幅を調整する必要が

769px

以下を参照してください。

.so-widget-sow-button-flat-e0300fa09137 .ow-button-base a { 
    width: 100%; 
} 

.ow-button-base.ow-button-align-left { 
    width: 100%; !important; 
} 

またこれらのために、左のアラインメントを削除する必要があります。

#pgc-w5875dc6eb4286-0-0 { 
    position: relative!important; 
    left: 35px!important; 
} 

.panel-grid-cell { 
    position: relative!important; 
    left: 20px!important; 
} 

しかし、これはあなたの他の要素の問題を引き起こしています、私はあなたのCSSをリワークすることをお勧めしたいと思います。上記なさと

参照のスクリーンショット：