Our shopping website has filter buttons inside a form block for filtering search results. We want the buttons to stay in one line inside a horizontal scroll, regardless of screen size (similar to filter buttons on Pinterest, Instagram search or Google Images). The form block is set to overflow: auto and horizontal scrolling is disabled on the body element using custom code:
<body style="overflow-x: hidden;">
The page is displaying and working as intended on desktop view but displays a huge white space on mobile. I have tried everything and have been at it for a while. Would really appreciate some help on this.