Store Page Side Menu

Wanting to add an interactive hover state to my side menu items.

CC: @tuanphan

 

You mean hover >> appears underline? Can you share link to page?

https://www.centraliaculturalsociety.org/store @tuanphan It would be nice to also reduce overall font size to the sidebar menu. How would I do that?

4 hours ago, Helloparkerg said:

https://www.centraliaculturalsociety.org/store @tuanphan It would be nice to also reduce overall font size to the sidebar menu. How would I do that?

Use this code to Website > Website Tools > Custom CSS

.products.collection-content-wrapper .nested-category-tree-wrapper .category-link {
    border-bottom: 1px solid transparent;
}
.products.collection-content-wrapper .nested-category-tree-wrapper .category-link:hover {
    border-color: #000;
    font-size: 12px !important;
}

Is it possible to set the highlight length to only the character length of each tab? It wants to extend beyond each tab. Thank you for your help!