Tagged: x
-
AuthorPosts
-
March 3, 2017 at 9:09 am #1393354
LePaufParticipantHey,
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,
thierryMarch 3, 2017 at 9:09 am #1393358
LePaufParticipantThis reply has been marked as private.March 3, 2017 at 2:40 pm #1393731
Nabeel AModeratorHi 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!
March 4, 2017 at 5:45 am #1394326
LePaufParticipantHey,
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!
March 4, 2017 at 8:14 pm #1394750
Rue NelModeratorHello 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.
March 5, 2017 at 2:37 am #1394890
LePaufParticipantthis did the trick:-)
thank you very much!!!
March 5, 2017 at 9:22 am #1395097
ChristianModeratorYou’re welcome.
-
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-1393354 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
