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?
I assume that I need to edit this but I need help:
<!-- MAIN NAVIGATION -->
<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">
<!-- NAVBAR CATEGORY -->
<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>
<!-- //NAVBAR CATEGORY -->
</div>
<?php endif ?>
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!
thank you.