Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1393354
    LePauf
    Participant

    Hey,

    i have some issues wth the mobile scrolling behaviour.
    when you scroll the site on a mobile device it immediately stops scrolling when you lift your fingers from the screen.
    usually the sites keeps scrolling and smoothely stops after a while.

    on chrome, when immitating a mobile screen, the scrollbar on the right indicates a strange scrolling behaviour too!

    i hope you can assist me with this!?

    best,
    thierry

    #1393358
    LePauf
    Participant
    This reply has been marked as private.
    #1393731
    Nabeel A
    Moderator

    Hi there,

    Thanks for writing in! It looks like a third party plugin is conflicting with the theme most probably Page Animations and Transitions plugin. Please try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

    Let us know how this goes!

    #1394326
    LePauf
    Participant

    Hey,

    it is no third party plugin that causes this problem.
    It is actually the footer widget area.
    When i set it to none (disabled) the scrolling behaviour is normal.
    When it is set to one the problem occurs.

    Even when i disable the footer widget area but enable the footer content, the problem occurs!

    #1394750
    Rue Nel
    Moderator

    Hello There,

    Thanks for updating in! I have investigated this issue and it seems it may haven been caused by your custom css. Please be advised that you added this lines:

    .x-colophon.top {
      border: none !important;
      height: 0 !important; 
    }
    
    .x-colophon.bottom {
      border: none !important;
      height: 0 !important; 
    }

    Since you have set the height to zero, this would affect the structure since even if the height is 0 yet there are contents in that containers. I would highly recommend that you update it and use this:

    .x-colophon.top {
      border: none !important;
      height: 0 !important; 
    }
    
    .x-colophon.bottom {
      border: none !important;
      height: 0 !important; 
    }
    
    @media(max-width: 979px){
      .x-colophon.top,
      .x-colophon.bottom {
        height: auto !important; 
      }
    }

    Hope this helps. Kindly let us know.

    #1394890
    LePauf
    Participant

    this did the trick:-)

    thank you very much!!!

    #1395097
    Christian
    Moderator

    You’re welcome.

  • <script> jQuery(function($){ $("#no-reply-1393354 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>