Hi, I cannot seem to hide the position of the social icons, in the responsive layout. I have it in the header section along with search. I can see the "eye icon" to hide all the other positions, but for some reason I cannot hide this one. Can you please see the screenshot and code (for header.php) below. I am not sure if I have to do something to enable "hide position". Any help would be great.

<header id="t3-header" class="container t3-header">

  <div class="row">



    <!-- LOGO -->

    <div class="span3 logo">

      <div class="logo-<?php echo $logotype ?>">

        <a href="/<?php echo JURI::base(true) ?>" title="<?php echo strip_tags($sitename) ?>"<?php echo $logoimage ?>>

          <span><?php echo $sitename ?></span>

        </a>

        <small class="site-slogan hidden-phone"><?php echo $slogan ?></small>

      </div>

    </div>

    <!-- //LOGO -->



    <?php if($this->countModules('socialicons or head-search')): ?>

    <div class="span9 clearfix">   

      <?php if ($this->countModules('socialicons')) : ?>

      <!-- SOCIAL ICONS -->

      <div class="socialicons">

          <jdoc:include type="modules" name="<?php $this->_p('socialicons') ?>" style="raw" />

      </div>

      <!-- //SOCIAL ICONS -->

      <?php endif ?>

      

      <?php if ($this->countModules('head-search')) : ?>

      <!-- HEAD SEARCH -->

      <div class="head-search<?php $this->_c('head-search')?>">     

        <jdoc:include type="modules" name="<?php $this->_p('head-search') ?>" style="raw" />

      </div>

      <!-- //HEAD SEARCH -->

      <?php endif ?>

    </div>

    <?php endif ?>



  </div>

</header>

Thanks

Stu