JA Autoshop sticky menu issues

modernmagic

I have made these changes: https://www.t3-framework.org/documentation/menu-system.html#sticky-menu
But the "Shop by Categories" menu stays open all the time.

How do I make the t3-mainnav sticky but change the "Shop by Categories" menu module to be CLOSED only when the menu is sticky?

modernmagic

I assume that I need to edit this but I need help:

<nav id="t3-mainnav" class="wrap navbar navbar-default t3-mainnav" data-spy="affix" data-offset-top="70"> <div class="container"> <div class="row"> <?php if ($this->countModules('navbar-category')) : ?> <div class="col-md-3 hidden-sm hidden-xs">  <div class="t3-navbar-category <?php $this->_c('navbar-category') ?> <?php if (!$this->countModules('slideshow')) echo "category-dropdown"; ?>"> <jdoc:include type="modules" name="<?php $this->_p('navbar-category') ?>" style="T3xhtml" /> </div>  </div> <?php endif ?>

dominic

Hi modernmagic,
After Open the file templates/t3_bs3_blank/tpls/blocks/mainnav.php the replace the code:
<nav id="t3-mainnav" class="wrap navbar navbar-default t3-mainnav" data-spy="affix" data-offset-top="70">

Open the templates/t3_bs3_blank/less/navbar.less and then replace the style rule:

.t3-mainnav {
  border-left: 0;
  border-right: 0;
  margin-bottom: 0;
  border-radius: 0;

With the following code:

.t3-mainnav {
  border-left: 0;
  border-right: 0;
  margin-bottom: 0;
  border-radius: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 999;
	
  	&.affix .t3-navbar-category.home { 
      .module-ct {
      		display: none;
    	}
      &:hover {
        .module-ct {
      		display: block;
    	}
      }
  	}

Once it's done, please compile LESS to CSS.
Hope this help!

modernmagic

thank you.