Archived topic
Off Canvas Panel not showing correctly
3 replies · Started by Liana on March 17, 2020
Hi Support,
I am hoping you can help me work out these issues:
1. I have an off canvas panel showing widgets. One of the widgets is Product Categories and even though I have selected "Show Hierarchy" it is not formatted correctly ie. All the Categories, and sub Categories are showing on the same level.
2. When I click the off canval panel button on the home page verse the store page, it shows differently i.e different formatting. I am not sure how this is possible - assuming a css issue.
If you could point me in the right direction for these issues that would be amazing.
Thank you in advance.
Hi there,
in Customizer > Additional CSS - remove this:
.woocommerce .widget_product_categories ul li {
display: flex;
line-height: 1.7em;
margin-top: 0.35em;
}
.woocommerce .widget_product_categories span.count {
color: #3a3a3a;
margin-left: auto;
}and Add this:
#generate-slideout-menu.main-navigation ul.product-categories ul.children {
display: block;
position: static;
height: auto;
opacity: 1;
float: none;
margin-left: 2em;
box-shadow: none;
}
#generate-slideout-menu.main-navigation ul.product-categories li a {
display: inline;
line-height: 2.5em;
}David, you are amazing! Thank you so much.
Glad to be of help :)
