Tagged: yith
Hello Team Kriesi, Great work on the latest updates.
I have a small issue though. I’m using the Yith Ajax Product filter on my shop pages as a widget in the sidebar. I am struggling to get the toggle down arrow in the correct place. Initially, the toggle arrows were hidden behind the filter titles. I’ve managed to move the toggle arrows to the side but I think because I’m using percentages it’s going wrong. Can you help me, please?
Hey Ben,
They look aligned on my end using Chrome. Could you post a screenshot highlighting the problem, and in which browser you are seeing it please?
Best regards,
Rikard
Hey Rikard, Thanks so much for the prompt reply. You guys are awesome!
I managed to get it sorted with this CSS which might be useful for any else using YITH WooCommerce Ajax Product Filter with ENFOLD.
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.hierarchy-collapsable .toggle-handle, h4.collapsable:after {
background-size: 50% auto;
background-position: center center;
background-repeat: no-repeat;
cursor: pointer;
display: block;
height: 20px;
position: absolute;
right: -7%;
top: 5px;
width: 20px;
}
.yith-wcan-filters .yith-wcan-filter h4.collapsable:after {
right: -15px;
top: 5px;
}
.yith-wcan-filter:not(.filter-price-slider) .filter-content {
overflow: hidden;
}
Cheers!
Hi,
Great, I’m glad that you found a solution, and thanks for sharing it :-)
Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hi,
Thanks for letting us know, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.
Best regards,
Rikard