• Please see the plugin in use on this page: dev.henleyherald.com

    It is set with a 200px feed height. All is OK in normal view. When viewed on a Nexus 4 Android phone there are no vertical scroll bar inside the feed. The links visible are still active but only one and a bit posts can be seen and without the scroll bars it is not intuitive that the box content is ‘scrollable’.

    What is the expected behaviour and/or how can the scroll bars be made to appear?

    https://www.ads-software.com/plugins/custom-facebook-feed/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author smashballoon

    (@smashballoon)

    Hey zimbo000,

    That’s the default behavior for some mobile devices as they handle scrolling differently. There are some JavaScript workarounds you can use, or you can use either of the following solutions by adding either of the following code snippets to the Custom CSS section of the plugin (Customize page > Misc > Custom CSS):

    1) Remove the height on the feed when on mobile:

    @media all and (max-width: 480px){
      #cff.cff-fixed-height{
        height: auto !important;
        overflow-y: hidden;
      }
    }

    2) Only show one post when on mobile:

    @media all and (max-width: 480px){
      #cff.cff-fixed-height{
        height: auto !important;
        overflow-y: hidden;
      }
      #cff .cff-item{
        display: none;
      }
      #cff .cff-item:first-child{
        display: block;
      }
    }

    Let me know if either of those options solve the problem for you.

    John

    Thread Starter zimbo000

    (@zimbo000)

    Thanks, I’ll discuss those options with my client. The problem I’m getting – and it’s not your issue – is that trying to scroll just inside the feed box more often than not makes the whole screen scroll. I did think of displaying a message when responsive to say that the box does scroll but it’s very tricky to just get the feed to scroll so I think your first option might be the better one.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Scroll bar not showing when responsive’ is closed to new replies.