使用css隐藏PHP元素(WordPress)

时间:2015-09-13 15:15:05

标签: php css wordpress mobile

我正在为朋友建立一个网站,到目前为止一切顺利,但有一件事我似乎无法弄明白。 我已经包含了SmartSlider 2,我想隐藏在移动设备上。但是由于SS2本身不支持这个,我尝试编辑代码。长话短说,它不会起作用。

我已经尝试将CS​​S包含在文件本身(header.php)中:

<div class="slider" style="@media(max-width:1120px;){.slider {display:none;}}">
<?php echo do_shortcode('[smartslider2 slider="2"]'); ?>
</div>

出于某种原因,它仍然出现,希望你们可以帮助我。提前谢谢。

1 个答案:

答案 0 :(得分:1)

它不会像你一样努力。

你必须把它放在自定义css

@media screen and (max-width: 1120px) {
    .slider {
        display:none;
    }
}

并从此处删除

<div class="slider">
    <?php echo do_shortcode('[smartslider2 slider="2"]'); ?>
</div>

在媒体查询CSS中,您; @media(max-width:1120px;这是错误的

Fiddle