2015-10-01 80 views
-1

你好我正在wordpress上构建本站:MY SITE。该网站是建立在WordPress的一切看起来完美。然而,当你在monbile(缩小浏览器)中观察它时,跟着我们一起看3个图标,它变得非常巨大和疯狂。不知道如何解决它我尝试了一切。响应Wordpress不能正常工作

现在标题被分成3个部分,每个部分都有一个类“.col.-xs-12 .col-md-4”。这样当它的移动互相叠加时,在第一部分(关注我们)中,我有另一个与col-xs-4相关的div。

我知道这可能是一个简单的修复。谢谢!

+1

请在此处添加有意义的代码和问题描述。请不要链接到需要修复的网站 - 否则,一旦 问题得到解决,或者您链接到的网站无法访问,此问题将对未来的访问者失去任何价值。发布 [最小,完整和可验证示例(MCVE)](http://stackoverflow.com/help/mcve) 显示您的问题将帮助您获得更好的答案。欲了解更多信息,请参阅 [我网站上的某些内容不起作用。我可以只粘贴一个链接吗?](http://meta.stackexchange.com/questions/125997/) 谢谢! – j08691

回答

0

这是从main.css导致问题的规则。

.col-md-4 .social-fixed { width: 45% }

它使图标炸毁是他们的父元素的宽度的45%。您可能想要将宽度分配给父类,即.col-md-4或找到其他方式来调整容器大小。

0

你试过给他们添加col-xs-4吗?

<div class="col-md-4 col-xs-4 widget1">...</div> 
<div class="col-md-4 col-xs-4 widget2">...</div> 
<div class="col-md-4 col-xs-4 widget3">...</div>