我试图修复特定网站的响应问题，但似乎无法得到页脚小部件

Question

我正在尝试修复特定网站的响应问题，但似乎无法在769px处获取页脚小部件：https://aquatiere.co.uk/

特别是最后一行的小部件按钮没有调整大小以适应页脚。

请协助。我已经尝试了与这些按钮相关的所有类和ID，但没有运气。

Answer 1

您需要调整媒体769px的.so-widget-sow-button-flat-e0300fa09137 .ow-button-base a和.ow-button-base.ow-button-align-left的宽度

见下文：

.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。

查看上面完成的截图：