更改了css,失去了移动功能

时间:2015-06-18 作者:Sam67

我只是有一个关于我正在工作的网站的问题,

http://sportsentertainmentattorney.com/

我的问题是,我使用编辑css页面在wordpress中进行了一些css更改,特别是这些更改。

 @media (min-width: 360px) and (max-width: 959px) {
 .ciref.outline-outward.left {
margin-left: 28%;
}

.right {
 margin-left: 28%;
 }

 #print_radio {
word-wrap: break-word;
 }

#blog-text-title {
line-height: 36px;
word-wrap: break-word;
}

 #tony_media.custom_title1 {
font-size: 52px !important;
line-height: initial;
padding: 1px 3px 3px !important;
}

.title2 .text {
Margin-left: 24%;
}

.title2 h2 em {
margin-top: 10px;
}

strong {
line-height: initial;
}
}
在进行这些更改后,一半的网站在其移动版本中失去了功能。

主要的损坏部分是在“为什么选择我们”下,这9个图标应该像在桌面模式下一样,对触摸点击做出响应,创建一个红色边框。此外,该幻灯片由Allison strong和其他人组成,该幻灯片中的任何链接都不可单击。

当我检查移动版本中的元素时,选择了错误的类,我认为这可能是问题所在。每个不起作用的部件都属于同一类“h2#print\\u radio.front\\u h2”,这是不应该的。我只是不知道我该如何去测试它。

我们将非常感谢您的帮助,并提前向您表示感谢。此外,任何有关改进此网站的提示都将非常欢迎访问。非常感谢。

1 个回复
SO网友:coopersita

现在是WordPress,这是您的CSS:

#devn-320955 缺少的类.container_full.

#devn-413264 需要clearfix或overflow:hidden.

结束

相关推荐

关于菜单内CSSing的两个问题

首先,如果你告诉我如何将一个类(css)分配给默认的span标记,该标记包含WP控制面板创建的菜单内的链接,我会很高兴。第二个问题是如何使用@媒体查询在菜单中定义不同风格的链接?如果我使用的是图像而不是菜单中的文本,那么如何将不同的img应用于其他分辨率?比方说,我得到了IMG\\u 1用于大于999px宽度的屏幕,IMG\\u 2用于小于999px的屏幕。我绝对不能从css中插入url。。。那么,如何让它发挥作用呢?我不想使用背景图像作为链接,它很难看:/谢谢更新:好吧,我想我回答了自己的第二个问题。我