移动视图:如何从特定的小部件中删除右/左边距？

Question

我可以知道如何删除我的网站在电话后两部分(课程和费用，联系人)的右/左边距吗？这在个人电脑上似乎没问题，但在电话上就不行了。尤其是价格表看上去糟透了。

https://www.japaneselessons-kanazawa.com

*我使用Moesia主题。前4个小部件名为"Moesia FP“(猜测它们的原始小部件)，其余的都是Siteorigin /Form。

*我已经安装了4个插件；一个主题工具箱，Moesia -砖石组合，页面生成器由SiteOrigin，SiteOrigin小部件捆绑。当我通过SiteOrigin禁用Page时，边距问题消失了，但是所有Moesia原始小部件都消失了。

*我在网上找到了一些CSS，但没有工作。

我对这种事情很陌生，不知道该怎么做。玛谢谢你！

Answer 1

您只需为移动屏幕添加媒体查询即可。

在样式表中添加CSS。

如果您想在全球范围内添加以下内容：

@media only screen and (max-width: 600px) {
  #pl-2040 #panel-2040-4-0-0, #pl-2040 #panel-2040-5-0-0 {
      margin: 0;
  }
}

如果只想在主页上实现，请尝试如下：

@media only screen and (max-width: 600px) {
  .home  #pl-2040 #panel-2040-4-0-0, #pl-2040 #panel-2040-5-0-0 {
      margin: 1cm 1cm 1cm 1cm;
  }
}