Home Forums WoodMart – Premium Template Scrollbar width, CSS

This topic contains 9 replies, has 2 voices, and was last updated by Aizaz Imtiaz Awan Aizaz Imtiaz Awan 4 days, 9 hours ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #149371

    blt
    Customer

    Hello,
    how do I do to make the scrollbar wider in the filter menu?

    I have tried to change ::-webkit-scrollbar { width: 8px; } in many ways and classes, but it has no affect. I think it now has 3px width as default, but I need maybe 6px. Very hard to use the scrollbar in the filter widget right now (desktop).

    Thank you.

    #149411

    Hello,

    By replacing all the widgets with WoodMart Layered Navigation widget, all your filters would have the scroll, like this. https://woodmart.xtemos.com/shop/

    But in your shop I did not see any scroll in your filters.And you want to make the filter scrollbar wider.

    Kindly share your page URL where the scroll shown as well as your login credentials so I can provide you some possible solutions to achieve this.

    Best Regards.

    #149412

    blt
    Customer

    Hello,
    that is how it looks like, and the scrollbar in the filter is to small in width. Hard to click on on desktop.

    The filter is opened when you click on the filter button. Details in private

    Private Content Hidden
    #149434

    Hello,

    The URL that you share with me does not contain any sidebar filter. As there is no filter in the sidebar that’s why I did not see any filter scrollbar.

    Screenshot: Removed as per your request

    In case if you want to change the width of scroll bar shown in the drop down filter then share your login details I will help you out.

    Best Regards.

    #149437

    blt
    Customer

    Hello,
    it is hidden, you need to click on the filter button, a standard feature in your theme.

    Private Content Hidden
    #149463

    Hello,

    You can use the below CSS code in Theme Settings >> Custom CSS >> Global Custom CSS to make the scroll bar wider:

    .disabled-nanoscroller .woodmart-scroll .woodmart-scroll-content::-webkit-scrollbar {
        display: block;
        width: 10px;
    }

    Result: Removed as per your request

    Best Regards.

    #149468

    blt
    Customer

    Thank you, works perfectly. How do I do the same for the main filter container scroll, in this div

    class=”sidebar-inner woodmart-sidebar-scroll”

    #149476

    Most Welcome,

    You can use the below CSS code for main sidebar scroll:

    .disabled-nanoscroller .woodmart-scroll ::-webkit-scrollbar, .disabled-nanoscroller .woodmart-sidebar-scroll ::-webkit-scrollbar {
        width: 10px;
    }

    Result: Removed as per your request

    Best Regards.

    #149542

    blt
    Customer

    Hello

    Private Content Hidden
    #149546

    Well, blt!.., it’s been great chatting with you! I hope I resolved your issues thoroughly.

    I have removed all the images from this topic as per on your request.

    Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

    Have a wonderful day.

    Topic Closed.
    Best Regards.

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Scrollbar width, CSS’ is closed to new replies.