Return to previous page

Unexpected line on the right side during hover

This topic has 3 replies, 3 voices, and was last updated 2 weeks, 4 days ago ago by Jack Richardson

Rok

Participant

January 9, 2026 at 06:31

Hi. I noticed a strange design bug on the /shop/ dynamic pages Category and Brand. The default shop page works well. I checked the styles, and they are the same, so I have no idea where this issue is coming from. Pls help me figure out. The line is appearing only when the mouse is active on the filters section

Files is visible for topic creator and
support staff only.

#463932 Copied

2 Answers
Ayan Rahman

Support staff

January 9, 2026 at 09:48
Hi,

Thank you for reaching out to us.

Please try to use this custom CSS code and let us know the results:

.archive .etheme-elementor-off-canvas_content:hover { overflow: hidden; }

Best Regards,
8Theme’s Team
#463949 Copied
Jack Richardson

Support staff

January 9, 2026 at 09:56
Hello @Rok,

If the sidebar is taller than the page content, a scrollbar will appear, which is visible only when hovering over the sidebar. If you would like to hide the scrollbar completely, please use the following custom CSS:

.etheme-elementor-off-canvas_content::-webkit-scrollbar, .etheme-elementor-off-canvas_content::-webkit-scrollbar-thumb { display: none; }

Alternatively, if you prefer the scrollbar to remain visible at all times without requiring a hover action, please use this custom CSS:

body .etheme-elementor-off-canvas_content:not(:hover)::-webkit-scrollbar, body .etheme-elementor-off-canvas_content:not(:hover)::-webkit-scrollbar-thumb { opacity: 1; visibility: visible; }

For more information, regarding placing the Custom CSS please refer to the following documentation:
https://www.8theme.com/documentation/xstore/additional-customisation/optimal-placement-for-custom-css-code/

Best regards,
Jack Richardson
The 8Theme Team
#463952 Copied
Viewing 3 results - 1 through 3 (of 3 total)