在 IE9 及更低版本上隐藏站点标题和站点描述 wordpress

Question

我想在 IE9 及更低版本上隐藏站点标题和站点描述。我已经通过外观选项隐藏了它们，所以它在 Chrome、Firefox、IE10+ 上是隐藏的，但它仍然出现在 IE9 及更低版本上。

我尝试添加所有这些 css，但我无法让它工作：

.site-description {
    font-size: 10pt;
}
h2 .site-description {
    font-size: 10pt;
    display:none !important;
}
#title_subtitle{
display:none !important;
}
#site-title a, #site-description a {visibility:hidden !important;} 
.site-title a, .site-description a {visibility:hidden !important;} 

我也尝试在标题中删除它们，但不起作用：

标题部分是：

<div id="masterheader"><header id="masthead" class="site-header" role="banner">
        <a class="home-link"<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
          <div id="logo_and_title">
            <img class="header-logo" src="http://thibaultrolando.com/vinacotheque/wp-content/uploads/2014/03/logo.png"/>
            <div id="title_subtitle">
                <h1 class="site-title"><?php bloginfo( 'name' ); ?></h1>
                <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
            </div>

我目前正在处理一个 23 岁的儿童主题。我尝试在我孩子的style.css 和ie.css 以及原始主题中执行此操作，但它似乎不起作用...

Answer 1

如果您想通过 php 隐藏它们，您应该能够从主题的 header.php 文件中删除它们。尝试注释掉生成文本的行。如果这样可以解决问题，您可以删除它们。

<div id="title_subtitle">
     <!--
        <h1 class="site-title"><?php bloginfo( 'name' ); ?></h1>
        <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
     -->
</div>