Home Forums WoodMart support forum Mobile Filter Bar Scroll Bars Disabling

Mobile Filter Bar Scroll Bars Disabling

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #113376

    webresultat
    Participant

    Hi,
    I would like to disable the scrollbar within the mobile filter left-bar-sidebar for filters where there is nothing to scroll.

    also I am using a JS code to show a “show more”-“show less” Button on filters with more then 5 attributes:

    jQuery(document).ready(function( $ ){
    
    $('#woodmart-woocommerce-layered-nav-14 > div > ul').find('li:gt(4)').addClass('toggletr').hide()
    .end().append(
      $('<tr><td class="show_more_btn">» read more</td></tr>').click(function(){
          $(this).siblings('.toggletr').toggle();
          if($(this).hasClass('expanded')){
              $(this).text('» read more');
              $(this).removeClass('expanded');
          } else{
              $(this).text('« read less');
              $(this).addClass('expanded');
          }
     })
    );

    and on desktop it only shows the scroll-bar when i have opened the “show more” Button, but on mobile its showing scrollbars even for filters with only one attribute to be shown.

    could you please help me here?
    greetings

    Attachments:
    You must be logged in to view attached files.
    #113404

    Artem Temos
    Keymaster

    Hi,

    Are you testing it on real mobile device or using desktop resized to mobile size? Please, check how it works with some mobile phone and send us a screenshot.

    Regards

    #113425

    webresultat
    Participant

    Ok great, on the real mobile devices it’s working fine. I’m sorry!

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

The topic ‘Mobile Filter Bar Scroll Bars Disabling’ is closed to new replies.