响应全宽度部分

Question

有人可以看看我的网站，并帮助我解决在移动设备上查看时某个部分的外观。主页上的“成千上万的加拿大人”和“移动搜索”部分没有像页面的其他部分那样响应。任何帮助将不胜感激。 下面是CSS到目前为止，我已经插入：

@media all and (max-width: 640px){ 
#site > .wrapper, #footer > .wrapper { 
    margin: 0; 
    padding: 40px; 
    width: auto; 
} 
} 

www.jobspark.ca

Answer 1

我不认为你的目标的右侧部分，如果你看看那些列在有是.myLeftColumn和.myRightColumn divs具有原始百分比宽度。当屏幕小于640像素或者需要断点时，尝试将这两者都改为100％宽度。

@media all and (max-width: 640px) { 
    .sqs-block-content .myLeftColumn, 
    .sqs-block-content .myRightColumn { 
     width: 100%; 
    } 
}