Nav SHop

Hi,

What would be the css to highlight the active cat-item on my nav-shop menu ?
it works only on hover with :

.color-scheme-light .basel-product-categories li.current-cat a:hover,
.color-scheme-light .basel-product-categories li a:hover {
    color: #bda474;
    font-weight: Bold ;

}
.color-scheme-light .basel-product-categories li.current-cat a:active,.color-scheme-light .basel-product-categories li .cat-item a:active {
    color: #bda474;
    font-weight: Bold ;

}

Is there a css to hide the third menu level of nav-shop ? Thanks

Attachments:

You must be logged in to view attached files.

Hello,

1. It will look like this

.color-scheme-light .basel-product-categories li.current-cat a {
    color: red;
    font-weight: Bold ;

}

2. And this one to hide third level menu dropdowns

.basel-product-categories .cat-item .children .children {
	display: none;
}

Regards

Thanks, it almost worked ….

But I would like to only have the main current category highlighted, not all the children …

example : only “Le gentleman”, not all the sub categories

Attachments:

You must be logged in to view attached files.

Try this code snippet instead

.nav-shop .basel-product-categories > .current-cat > a,
.nav-shop .basel-product-categories > .current-cat-parent > a,
.nav-shop .basel-product-categories > .current-cat-ancestor > a {
	color: red;
  	font-weight: bold;
}

Regards

[Author]

Posts