css - 我正在尝试解决特定网站的响应问题，但似乎无法获取页脚小部件

Question

我正在尝试解决特定网站的响应问题，但似乎无法在 769 像素处安装页脚小部件: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。

查看上面的截图: