Sidebar filters on Shop page do not fit properly

Hello @Hangato,

You may try one of the following solutions:

1. Adjust the bullet position to ensure it displays correctly on hover:

.etheme-elementor-off-canvas_content .price_slider_wrapper .ui-slider .ui-slider-handle:nth-last-child(2):hover {
    transform: translateY(-50%) translateX(2.5px) scale(var(--price-slider-handle-scale-hover, 1.5));
}

or

2. Limit the maximum width of the range slider:

.etheme-elementor-off-canvas_content .price_slider_wrapper .ui-slider-horizontal {
    max-width: calc(100% - 6px);
    margin-left: 3px;
}

You can add this custom CSS snippet in Theme Options → Theme Custom CSS → Global CSS.
We have attached the CSS because you provided us with access to your staging or development website, and we believe you may wish to apply this snippet to your live store as well.

Best regards,
Jack Richardson
8Theme Team

Dear Hangato,

It’s great having you in our WordPress & WooCommerce community!

Every insight you share helps us refine XStore and build tools that empower thousands of online store owners worldwide.

Leave Feedback →
(takes less than a minute)

Together, we grow stronger with every release.

Topic closed.
The 8Theme Team