Menu - manter css quando acessado submenu
Enviado: 04 Jan 2019, 17:54
Olá a todos!
Tenho a Seguinte situação:
- Estilizei o Menu da loja para quando passo o mouse em cada item do menu (hover) ele muda de cor e fica em negrito (ok. isso está funcional)
- Em um item do menu, que possui submenu, quando passo o mouse por cima dele, e por consequência tiro o mouse do item do menu, consigo fazer as mesmas alterações, mas desfaço a do menu principal.
Gostaria de manter o item de menu em negrito e colorido quando acesso o submenu(também em negrito e colorido). Como faço?
Estou usando a versão 2.2.0.0 do Opencart e o código do header.tpl referente ao menu está assim:
Tenho a Seguinte situação:
- Estilizei o Menu da loja para quando passo o mouse em cada item do menu (hover) ele muda de cor e fica em negrito (ok. isso está funcional)
- Em um item do menu, que possui submenu, quando passo o mouse por cima dele, e por consequência tiro o mouse do item do menu, consigo fazer as mesmas alterações, mas desfaço a do menu principal.
Gostaria de manter o item de menu em negrito e colorido quando acesso o submenu(também em negrito e colorido). Como faço?
Estou usando a versão 2.2.0.0 do Opencart e o código do header.tpl referente ao menu está assim:
Código: Selecionar todos
<?php if ($categories) { ?>
<div class="col-sm-7">
<nav id="menu" class="navbar">
<div class="navbar-header">
<button class="btn btn-navbar navbar-toggle" type="button" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<i class="fa fa-bars"></i>
</button>
</div>
<div class="collapse navbar-collapse navbar-ex1-collapse pull-right">
<ul class="nav navbar-nav">
<?php foreach ($categories as $category) { ?>
<?php if ($category['children']) { ?>
<li class="dropdown">
<a class="dropdown-toggle" href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
<div class="dropdown-menu">
<div class="dropdown-inner">
<?php foreach (array_chunk($category['children'], ceil(count($category['children']) / $category['column'])) as $children) { ?>
<ul class="list-unstyled">
<?php foreach ($children as $child) { ?>
<li>
<a href="<?php echo $child['href']; ?>"><?php echo $child['name']; ?></a>
</li>
<?php } ?>
</ul>
<?php } ?>
</div>
</div>
</li>
<?php } else { ?>
<li>
<a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
</li>
<?php } ?>
<?php } ?>
</ul>
</div>
</nav>
</div>
<?php } ?>
