css - Mega menu is hidden by other items on my magento website -
my site http://www.acuity-sports.com
i'm having problems getting mega menu show on rest of content on website. slider cover mega menu , if go http://www.acuity-sports.com/volleyball.html other content on site covers mega menu well.
i've tried changing theme.css code header-bottom z-index 99 w/o luck
here header.phtml
global $var_yttheme; ?> <?php /* <div id="yt_header" class="wrap">*/ ?> <div class="clearfix main-top"> <div class="header-mobi"> <div class="navbar navbar-inverse navbar-fixed-top"> <div class="container"> <div class="navbar-inner"> <button data-target=".nav-collapse" data-toggle="collapse" class="btn btn-navbar" type="button"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="nav-collapse collapse"> <?php echo $this->getchildhtml('toplinks', false) ?> <!--<strong><?php //echo $this->getwelcome() ?></strong>--> </div> </div> </div> </div> <div class="header-logo"> <a class="logo" title="magento commerce" href="<?php echo $this->geturl('') ?>"> <img alt="magento commerce" src="<?php echo $var_yttheme->skinurl();?>/images/<?php echo $var_yttheme->getparam('sitestyle');?>/logo-home.png"/> </a> </div> <!-- begin: main navigation --> <!-- <div class="navbar navbar-inverse navbar-fixed-top"> --> <div class="header-nav"> <!-- <div class="navbar-inner"> --> <div class="container"> <div class="header-nav-inner"> <div class="row"> <div class="span12" data-normal="span12" data-tablet="span12" data-stablet="span12"> <div id="yt_mainnav_mobi" class="clearfix"> <?php echo $this->getchildhtml('mobinav') ?> </div> </div> </div> </div> </div> <!-- </div> --> </div> <!-- end: main navigation --> </div> <div class="header-top"> <div class="container"> <div class="row"> <div class="span12" data-normal="span12" data-tablet="span12" data-stablet="span12" > <div class="header-logo"> <a class="logo" title="magento commerce" href="<?php echo $this->geturl('') ?>"> <img alt="magento commerce" src="<?php echo $var_yttheme->skinurl();?>/images/<?php echo $var_yttheme->getparam('sitestyle');?>/logo-home.png"/> </a> </div> <!-- begin: search --> <?php echo $this->getchildhtml('mini-cartpro') ?> <!-- end: search --> <!-- begin: search --> <div class="top-search"> <?php echo $this->getchildhtml('topsearch') ?> </div> <!-- end: search --> <div class="currency-language"> <?php echo $this->getchildhtml('store_language') ?> <?php echo $this->getchildhtml('currency'); ?> </div> <div class="yt-quick-access" > <div class="quick-access"> <div class="shop-access <?php echo (!$this->helper('customer')->isloggedin() )?'notlogin':'islogin' ?> "> <?php echo $this->getchildhtml('toplinks', false) ?> <!--<strong><?php //echo $this->getwelcome() ?></strong>--> <?php if(!$this->helper('customer')->isloggedin() ): ?> <ul class="li-add"> <li class="last item-li4"> <a title="log in" href="javascript:void(0)">log in</a> <div class="login-quick" style="display:none"> <?php echo $this->getchildhtml('customer_form_mini_login') ?> </div> </li> </ul> <?php endif; ?> </div> </div> </div> </div> </div> </div> </div> </div> <div id="header-bottom" div class="header-bottom"> <div class="container"> <div class="row"> <div class="span12" data-normal="span12" data- tablet="span12" data-stablet="span12" > <div class="header-nav"> <div class="header-nav-inner"> <div id="yt_mainnav" class="clearfix"> <?php if($var_yttheme- >getparam('menustyle')=='mega'){ echo $this- >getchildhtml('megamenu'); }else{ echo $this->getchildhtml('topmenu'); } ?> </div> </div> </div> </div> </div> </div> </div>
Comments
Post a Comment