Disable Horizontal Scrollbar & Scrolling

Hi! I’ve been recently playing around with the responsive engine and I’m trying to add an element to my page. The problem with said element is that it has dynamically moving parts that are supposed to hide outside the screen. When I move said parts, the horizontal scrollbar shows up and allows me to go outside the boundaries of want the website to show:

What it’s supposed to show:

What it isn’t supposed to show (I scrolled right):

What it looks like in the editor (the parts then start moving and that’s when the scrollbar starts to appear):

So my question is: how do I disable the horizontal scrollbar and scrolling? I must mention that I am using a plugin for the moving parts of my ‘Game Highlight Reel’ and they’re constantly sliding. I must also mention that no scrollbar was appearing before I enabled the responsive engine. Is there a more ‘correct’ way I should be doing this that would allow me to keep the scrolling parts AND remove the horizontal scrollbar? Thanks!

I finally managed to remove the horizontal scroll bar. I am not sure if this fits your needs since I had a FIXED number of ROWs and COLUMNs. But sharing it just in case, maybe it helps someone else.

If you have FIXED number of ROWs and COLUMNs what you can do is the following:

  1. OuterContainer (Group) → Fixed : Width 300
  2. RG → Align to Parent: Width 300 In order for the columens to be centered the same width as 1. so 300
  3. That’s it. This should work.






1 Like